From e765d3974558793043740a7ca46d6b1bc5e260d7 Mon Sep 17 00:00:00 2001 From: 付延余 <f-yanyu@outlook.com> Date: 星期一, 11 四月 2022 17:57:43 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/pages/show/businessPolicy/BusinessPolicy.vue | 203 +++++++++++++++++++++++++++++++++----------------- 1 files changed, 133 insertions(+), 70 deletions(-) diff --git a/src/pages/show/businessPolicy/BusinessPolicy.vue b/src/pages/show/businessPolicy/BusinessPolicy.vue index d3f183b..8cde1c3 100644 --- a/src/pages/show/businessPolicy/BusinessPolicy.vue +++ b/src/pages/show/businessPolicy/BusinessPolicy.vue @@ -27,36 +27,67 @@ alt="" /> </div> - <div class="tableLeft"> + <div class="BusinessPolicyTable"> <el-table stripe :data="tableData" style="width: 100%" - max-height="100.6rem" + max-height="1006px" :header-row-style="tableHeaderRow" :row-class-name="tableRowClassName" > - <el-table-column prop="keshi" label="绉戝" width="140"> + <el-table-column prop="keshi" label="绉戝" min-width="10"> </el-table-column> <el-table-column prop="zhengchemingcheng" label="鏀跨瓥鍚嶇О" - width="355" + min-width="30" > </el-table-column> <el-table-column prop="shengxiaoDate" label="鐢熸晥鏃ユ湡鑼冨洿" - width="355" + min-width="30" > </el-table-column> - <el-table-column prop="huijiqiyeNum" label="鎯犲強浼佷笟鏁�"> + <el-table-column + prop="huijiqiyeNum" + label="鎯犲強浼佷笟鏁�" + min-width="15" + > </el-table-column> - <el-table-column prop="money" label="鍑忓厤閲戦"> </el-table-column> + <el-table-column prop="money" label="鍑忓厤閲戦" min-width="15"> + </el-table-column> </el-table> </div> </div> - <div class="downCentent_item"></div> + <div class="downCentent_item"> + <div class="BusinessPolicyTable"> + <el-table + stripe + :data="tableData" + style="width: 100%" + max-height="1006px" + :header-row-style="tableHeaderRow" + :row-class-name="tableRowClassName" + > + <el-table-column prop="keshi" label="绉戝" min-width="10"> + </el-table-column> + <el-table-column + prop="zhengchemingcheng" + label="鏀跨瓥鍚嶇О" + min-width="30" + > + </el-table-column> + <el-table-column + prop="shengxiaoDate" + label="鐢熸晥鏃ユ湡鑼冨洿" + min-width="30" + > + </el-table-column> + </el-table> + </div> + </div> </div> </div> </template> @@ -155,15 +186,64 @@ shengxiaoDate: "2021/3鈥�2022/12", huijiqiyeNum: "100瀹�", money: "277涓囧厓" + }, + { + keshi: "澶变笟澶�", + zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥", + shengxiaoDate: "2021/3鈥�2022/12", + huijiqiyeNum: "100瀹�", + money: "277涓囧厓" + }, + { + keshi: "澶变笟澶�", + zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥", + shengxiaoDate: "2021/3鈥�2022/12", + huijiqiyeNum: "100瀹�", + money: "277涓囧厓" + }, + { + keshi: "澶变笟澶�", + zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥", + shengxiaoDate: "2021/3鈥�2022/12", + huijiqiyeNum: "100瀹�", + money: "277涓囧厓" + }, + { + keshi: "澶变笟澶�", + zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥", + shengxiaoDate: "2021/3鈥�2022/12", + huijiqiyeNum: "100瀹�", + money: "277涓囧厓" + }, + { + keshi: "澶变笟澶�", + zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥", + shengxiaoDate: "2021/3鈥�2022/12", + huijiqiyeNum: "100瀹�", + money: "277涓囧厓" + }, + { + keshi: "澶变笟澶�", + zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥", + shengxiaoDate: "2021/3鈥�2022/12", + huijiqiyeNum: "100瀹�", + money: "277涓囧厓" + }, + { + keshi: "澶变笟澶�", + zhengchemingcheng: "澶变笟淇濋櫓绋冲矖杩旇繕鏀跨瓥", + shengxiaoDate: "2021/3鈥�2022/12", + huijiqiyeNum: "100瀹�", + money: "277涓囧厓" } ] }; }, methods: { - tableHeaderRow({ rowIndex }) { + tableHeaderRow({ rowIndex }) { if (rowIndex === 0) return { height: "8rem" }; }, - tableRowClassName({ rowIndex }) { + tableRowClassName({ rowIndex }) { if (rowIndex % 2 === 0) { return "warning-row"; } @@ -174,72 +254,55 @@ </script> <style lang="scss"> @import "../../../assets/css/base"; -.tableLeft { +.BusinessPolicyTable { width: 115.4rem; position: absolute; top: 7.2rem; left: 3.3rem; -} -// 鐘舵�侀鑹� -.el-table .warning-row { - background-color: rgba(81, 210, 255, 0.1); -} -.el-table td.el-table__cell, -.el-table th.el-table__cell.is-leaf { - border: none; -} -// .el-table .success-row { -// background-color: rgba(81, 210, 255, 0.1); -// } -// .workStatistics-table { -.el-table tr { - // background-color: rgba(81, 210, 255, 0.1); - background: transparent; -} -// 澶撮儴 -.el-table th.el-table__cell { - // background-color: rgba(1, 68, 117, 1); - background: transparent; -} -// .el-table__fixed, -// .el-table__fixed-right, -// .el-table__fixed-right::before, -// .el-table__fixed::before { -// background-color: #51d2ff; -// } -.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { - // background-color: rgba(1, 68, 117, 1); - background: transparent; -} -.el-table thead { - color: #111111; -} -// .el-table td.el-table__cell, -// .el-table th.el-table__cell.is-leaf { -// border-bottom: 1px solid #8e8e8e; -// } -// .el-table--border .el-table__cell, -// .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { -// border-right: 1px solid #8e8e8e; -// } -.el-table .el-table__cell { - padding: 2rem 0; -} -.el-table__body tr.hover-row.current-row > td.el-table__cell, -.el-table__body, + + // 鐘舵�侀鑹� + .el-table .warning-row { + background-color: rgba(81, 210, 255, 0.1); + } + .el-table td.el-table__cell, + .el-table th.el-table__cell.is-leaf { + border: none; + } + .el-table tr { + background: transparent; + } + // 澶撮儴 + .el-table th.el-table__cell { + background: transparent; + } + .el-table--striped + .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__body tr.hover-row.current-row > td.el-table__cell, + .el-table__body, tr.hover-row.el-table__row--striped.current-row, > td.el-table__cell, -.el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, -.el-table__body tr.hover-row > td.el-table__cell { - background: transparent; -} -.el-table .cell { - font-weight: 300; - font-size: 2.6rem; - //font-family: Source Han Sans CN, Source Han Sans CN-Light; - text-align: center; - color: #ffffff; - line-height: 2.6rem; + .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, + .el-table__body tr.hover-row > td.el-table__cell { + background: transparent; + } + .el-table .cell { + font-weight: 300; + font-size: 2.6rem; + //font-family: Source Han Sans CN, Source Han Sans CN-Light; + text-align: center; + color: #ffffff; + line-height: 2.6rem; + } } // } </style> -- Gitblit v1.9.1