From c8005d3f303be7241f5acdc10ad679e1bf8cd602 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期二, 24 十月 2023 11:16:29 +0800 Subject: [PATCH] 横向滚动条固定列bug --- Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue | 38 ++++++++++++++++++++++++++++++++++++-- 1 files changed, 36 insertions(+), 2 deletions(-) diff --git a/Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue b/Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue index 8b5bc4c..e0702b5 100644 --- a/Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue +++ b/Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue @@ -304,8 +304,9 @@ <el-table v-if="this.crudArrayFlag" ref="referAttrCrud" v-loading="loading" + border :data="ProData" - :height="this.editStyleFlag? 800 : 343" + :height="this.tableHeight" style="width: 100%" @select="selectHandle" @cell-click="handleCellClicks" @@ -491,6 +492,8 @@ }, data() { return { + //琛ㄦ牸楂樺害 + dynamicHeight: '', // 淇濆瓨鍗曞厓鏍肩姸鎬� AddCellFlag: false, //鍏ㄥ睆缂栬緫楂樺害鐘舵�� @@ -639,6 +642,7 @@ addBtn: false, header: false, align: 'center', + columnBtn:false, menuAlign: 'center', column: [{ label: '', @@ -853,6 +857,7 @@ { label: "鍙傜収閰嶇疆", prop: "referConfig", + width: 105 }, { label: "绾ц仈鏌ヨ灞炴��", @@ -897,7 +902,7 @@ { label: "鍙栧�艰寖鍥�", prop: "valueArea", - }, + } ] }, // 瀛樺偍琛ㄦ牸鏁版嵁 @@ -1174,6 +1179,7 @@ List: [], option: { index: false, + columnBtn:false, border: true, editBtn: false, selection: true, @@ -1538,6 +1544,13 @@ }); return oids.join(","); }, + tableHeight() { + if (this.editStyleFlag) { + return '800px' + } else { + return 'calc(100vh - 595px)' + } + } }, mounted() { }, @@ -2168,6 +2181,27 @@ </script> <style lang="scss" scoped> +//鍥哄畾鍒楅珮搴� +/deep/ .el-table__fixed { + height: calc(100vh - 612px)!important; +} + +// 婊氬姩鏉℃牱寮忎慨鏀� +// 婊氬姩鏉$殑瀹藉害 +/deep/ .el-table__body-wrapper::-webkit-scrollbar { + height: 15px; // 绾靛悜婊氬姩鏉� 蹇呭啓 + background: white; + border: white; + width: 10px; + +} +// 婊氬姩鏉$殑婊戝潡 +/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { + background-color: #ececec; + border-radius: 20px; + border: #ececec; +} + .app { /deep/ .el-button { //margin: 0 10px 10px 0; -- Gitblit v1.9.3