From 1abe7ec44f4ce485ccf465aa6b00e1bc4b097b9c Mon Sep 17 00:00:00 2001 From: 付延余 <f-yanyu@outlook.com> Date: 星期二, 12 四月 2022 10:24:12 +0800 Subject: [PATCH] 营销政策 --- src/pages/show/businessPolicy/BusinessPolicy.vue | 108 ++++++++++++++++++++++++----------------------------- 1 files changed, 49 insertions(+), 59 deletions(-) diff --git a/src/pages/show/businessPolicy/BusinessPolicy.vue b/src/pages/show/businessPolicy/BusinessPolicy.vue index e97c7a9..abcc70d 100644 --- a/src/pages/show/businessPolicy/BusinessPolicy.vue +++ b/src/pages/show/businessPolicy/BusinessPolicy.vue @@ -68,8 +68,6 @@ stripe :data="tableData" style="width: 100%" - :max-height="tableHeight" - :header-row-style="tableHeaderRow" :row-class-name="tableRowClassName" @row-click="tableRowClick" > @@ -111,8 +109,7 @@ stripe :data="tableData2" style="width: 100%" - :max-height="tableHeight" - :header-row-style="tableHeaderRow" + max-height="1005" :row-class-name="tableRowClassName" > <el-table-column @@ -174,7 +171,6 @@ return { tableData: [ { - id: 1, keshi: "澶变笟澶�", zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥", shengxiaoDate: "2021/3鈥�2022/12", @@ -423,52 +419,43 @@ "澶у姏浼樺寲钀ュ晢鐜涓ㄥ競浜虹ぞ灞�锛氭湇鍔℃彁閫熸彁鑳� 璁╃櫨濮撲韩鍙楁敼闈╃孩鍒�", laiyuan: "鐭冲搴勬柊闂�", dianjiliang: "15690" + }, + { + tableTitle: + "澶у姏浼樺寲钀ュ晢鐜涓ㄥ競浜虹ぞ灞�锛氭湇鍔℃彁閫熸彁鑳� 璁╃櫨濮撲韩鍙楁敼闈╃孩鍒�", + laiyuan: "鐭冲搴勬柊闂�", + dianjiliang: "15690" + }, + { + tableTitle: + "澶у姏浼樺寲钀ュ晢鐜涓ㄥ競浜虹ぞ灞�锛氭湇鍔℃彁閫熸彁鑳� 璁╃櫨濮撲韩鍙楁敼闈╃孩鍒�", + laiyuan: "鐭冲搴勬柊闂�", + dianjiliang: "15690" + }, + { + tableTitle: + "澶у姏浼樺寲钀ュ晢鐜涓ㄥ競浜虹ぞ灞�锛氭湇鍔℃彁閫熸彁鑳� 璁╃櫨濮撲韩鍙楁敼闈╃孩鍒�", + laiyuan: "鐭冲搴勬柊闂�", + dianjiliang: "15690" + }, + { + tableTitle: + "澶у姏浼樺寲钀ュ晢鐜涓ㄥ競浜虹ぞ灞�锛氭湇鍔℃彁閫熸彁鑳� 璁╃櫨濮撲韩鍙楁敼闈╃孩鍒�", + laiyuan: "鐭冲搴勬柊闂�", + dianjiliang: "15690" + }, + { + tableTitle: + "澶у姏浼樺寲钀ュ晢鐜涓ㄥ競浜虹ぞ灞�锛氭湇鍔℃彁閫熸彁鑳� 璁╃櫨濮撲韩鍙楁敼闈╃孩鍒�", + laiyuan: "鐭冲搴勬柊闂�", + dianjiliang: "15690" } ], tableDialogVisible: false, tableHeight: window.innerHeight * 0.62 }; }, - mounted() { - const that = this; - window.onresize = () => { - let height = window.innerHeight * 0.62; - that.tableHieght = height; - console.log(height); - }; - - // this.$nextTick(() => { - // this.tableHeight = window.innerHeight * 0.62; - // console.log(this.tableHeight); - // }); - // - // window.onresize = () => - // (() => { - // window.screenWidth = document.body.clientWidth; - // that.screenWidth = window.screenWidth; - // })(); - }, - watch: { - tableHeight(val) { - // 涓轰簡閬垮厤棰戠箒瑙﹀彂resize鍑芥暟瀵艰嚧椤甸潰鍗¢】锛屼娇鐢ㄥ畾鏃跺櫒 - if (!this.timer) { - // 涓�鏃︾洃鍚埌鐨則ableHeight鍊兼敼鍙橈紝灏卞皢鍏堕噸鏂拌祴缁檇ata閲岀殑tableHeight - this.tableHeight = val; - this.timer = true; - const that = this; - setTimeout(function() { - // that.sjcount(that.screenWidth); //绐楀彛澶у皬鍙樺寲鍚庢墽琛岀殑鏂规硶 - that.reload(); //绐楀彛澶у皬鍙樺寲鍚庢墽琛岀殑鏂规硶 - console.log(tableHeight); - that.timer = false; - }, 10); - } - } - }, methods: { - tableHeaderRow({ rowIndex }) { - if (rowIndex === 0) return { height: "8rem" }; - }, tableRowClassName({ rowIndex }) { if (rowIndex % 2 === 0) { return "warning-row"; @@ -480,27 +467,26 @@ console.log(row); console.log(row.__ob__.dep.id); console.log(row.id); - }, - reload() { - this.isAlive = false; - this.$nextTick(function() { - this.isAlive = true; - }); } } }; </script> <style lang="scss"> @import "../../../assets/css/base"; - +@import "../../../assets/css/mixin.scss"; // 琛ㄦ牸 .BusinessPolicyTable { + height:3.92578125rem; width: 4.5078rem; position: absolute; top: 0.2813rem; left: 0.1289rem; + @include overflow-y(); .el-table { background: transparent; + } + .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { + background: none; } // 鍘绘帀褰撳墠琛岄珮浜儗鏅鑹� .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { @@ -522,17 +508,17 @@ background: transparent; } .el-table--striped, - .el-table__body, - tr.el-table__row--striped, - td.el-table__cell { + .el-table__body, + tr.el-table__row--striped, + td.el-table__cell { background: transparent; } .el-table thead { color: #111111; } - .el-table .el-table__cell { - padding: 2rem 0; - } + .el-table .el-table__cell { + padding: 0.0781rem 0; + } .el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body, tr.hover-row.el-table__row--striped.current-row, @@ -589,8 +575,8 @@ } </style> <style lang="scss" scoped> -#businessPolicy { -} +// #businessPolicy { +// } .upCentent { height: 0.8984rem; width: 9.6875rem; @@ -668,6 +654,10 @@ margin-left: 0.1445rem; margin-right: 0.0781rem; } + img { + width: 0.5313rem; + height: 0.0625rem; + } } } } -- Gitblit v1.9.1