From 3d46014c56af4b86ee7613d255292e524657c00e Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期二, 24 十月 2023 14:39:25 +0800
Subject: [PATCH] 主题库全屏编辑-固定列
---
Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue | 39 ++++++++++++++++++++++++++++++++++++---
1 files changed, 36 insertions(+), 3 deletions(-)
diff --git a/Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue b/Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue
index 32c6fa2..9066963 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"
@@ -313,13 +314,13 @@
@row-click="rowClick"
>
<el-table-column
- fixed
+ :fixed="!editStyleFlag ? 'left' : undefined"
type="selection" width="55">
</el-table-column>
<!--<el-table-column fixed label="搴忓彿" type="index" width="55"></el-table-column>-->
<el-table-column v-for="(item,index) in this.option.column" v-if="item.edit !='referName'"
:key="item.id"
- :fixed="item.fixed"
+ :fixed="!editStyleFlag ? item.fixed : undefined"
:formatter="formAttr"
:label="item.label"
:prop="item.prop"
@@ -491,6 +492,8 @@
},
data() {
return {
+ //琛ㄦ牸楂樺害
+ dynamicHeight: '',
// 淇濆瓨鍗曞厓鏍肩姸鎬�
AddCellFlag: false,
//鍏ㄥ睆缂栬緫楂樺害鐘舵��
@@ -1541,6 +1544,13 @@
});
return oids.join(",");
},
+ tableHeight() {
+ if (this.editStyleFlag) {
+ return '800px'
+ } else {
+ return 'calc(100vh - 595px)'
+ }
+ }
},
mounted() {
},
@@ -2171,6 +2181,29 @@
</script>
<style lang="scss" scoped>
+//鍥哄畾鍒楅珮搴�
+/deep/ .el-table__fixed {
+ height: calc(100vh - 612px)!important;
+}
+///deep/ .el-table__fixed[v-if='editStyleFlag'] {
+// height: calc(100vh - 152px)!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