From d5c935fbaf14f3c0632a03a73536b127742717ca Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期五, 22 九月 2023 13:22:02 +0800
Subject: [PATCH] style: 采购订单模块样式调整
---
src/components/makepager/TableCommonView.vue | 67 +++++++++++++++++++++++++--------
1 files changed, 51 insertions(+), 16 deletions(-)
diff --git a/src/components/makepager/TableCommonView.vue b/src/components/makepager/TableCommonView.vue
index f5d34c5..fbf5c69 100644
--- a/src/components/makepager/TableCommonView.vue
+++ b/src/components/makepager/TableCommonView.vue
@@ -6,18 +6,22 @@
:data="tableList.tableInfomation"
tooltip-effect="dark"
style="width: 100%"
+ :height="'calc(100% - 0px)'"
+ :max-height="tableList.maxHeight"
:lazy="tableList.lazy"
- :show-summary="showSummary.show"
- :summary-method="getSummaries"
- :span-method="arraySpanMethod"
+ size="mini"
@selection-change="handleSelectionChange"
- highlight-current-row
+ :header-cell-style="{ background: '#f1f3f8', color: '#000009' , 'font-size': '14px'}"
+ :highlight-current-row="tableList.highlight"
+ :row-class-name="tableRowClassName"
@row-click="tableRowClick"
- :header-cell-style="{ background: '#ECF4FF', color: '#666' }"
+ :row-key="tableList.key"
+ :default-expand-all="tableList.isDefaultExpandAll"
+ :tree-props="{ children: 'child', hasChildren: 'hasChildren' }"
>
- <el-table-column v-if="tableList.selectBox" type="selection" width="40"> </el-table-column>
- <el-table-column v-if="tableList.selectIndex" type="index" label="搴忓彿" width="50"> </el-table-column>
- <el-table-column
+ <el-table-column align="center" v-if="tableList.selectBox" type="selection" width="40"> </el-table-column>
+ <el-table-column align="center" v-if="tableList.selectIndex" type="index" label="搴忓彿" width="50"> </el-table-column>
+ <el-table-column align="center"
v-for="(item, i) in tableList.tableColumn"
:key="i"
:prop="item.prop"
@@ -124,6 +128,13 @@
totalName: "鏈〉鎬昏"
}
}
+ },
+ // 閫変腑鐨勬牱寮�
+ selectClassRow: {
+ type: Object,
+ default: () => {
+ return {}
+ }
}
},
data() {
@@ -132,10 +143,6 @@
computed: {},
mounted() {},
methods: {
- tableRowClick(row) {
- console.log(row)
- this.$emit("tableRowClick", row)
- },
handleReserve(row) {
return row._id ? row._id : row.id
},
@@ -269,6 +276,18 @@
// 鍏叡璇︽儏
selCommonClick(row) {
this.$emit("selCommonClick", row)
+ },
+ // 鍗曢�夎鐩稿叧
+ tableRowClassName({ row }) {
+ if (Object.keys(this.selectClassRow).length > 0) {
+ if (row.id == this.selectClassRow.id) {
+ return "onSelect"
+ }
+ }
+ this.$emit("tableRowClassName", row)
+ },
+ tableRowClick(row) {
+ this.$emit("tableRowClick", row)
}
}
}
@@ -278,8 +297,9 @@
<style lang="scss" scoped>
.table-view {
// margin-top: 20px;
- margin-right: 10px;
+ // margin-right: 10px;
// margin-bottom: 40px;
+ height: 100%;
.blue {
width: 70px;
text-align: center;
@@ -313,9 +333,24 @@
}
}
::v-deep {
- .el-table__footer-wrapper tbody td.el-table__cell {
- background-color: #fff;
- text-align: right;
+ .el-table__footer-wrapper {
+ tbody td.el-table__cell {
+ background-color: #fff;
+ font-weight: bold;
+ }
+ // .cell{
+ // &:nth-last-child(3){
+ // text-align:right;
+ // }
+ // }
+ }
+}
+
+::v-deep {
+ .el-table {
+ border-top-left-radius: 12px;
+ border-top-right-radius: 12px;
+ overflow: auto;
}
}
</style>
--
Gitblit v1.8.0