| | |
| | | <!-- eslint-disable vue/no-use-v-if-with-v-for --> |
| | | <template> |
| | | <div :class="{ 'table-view': true, table_height: !showSummary }" v-loading="loading"> |
| | | <div class="table-view" v-loading="loading"> |
| | | <el-table |
| | | ref="table" |
| | | border |
| | |
| | | <span |
| | | class="Badge" |
| | | :class="{ |
| | | greenSlot: scope.row.status == '4'||scope.row.status == '完成', |
| | | greenSlot: scope.row.status == '4' || scope.row.status == '完成', |
| | | redSlot: scope.row.status == '5', |
| | | blueSlot: scope.row.status == '3'||scope.row.status == '就绪', |
| | | graySlot: scope.row.status == '1', |
| | | blueSlot: scope.row.status == '3' || scope.row.status == '就绪', |
| | | graySlot: scope.row.status == '1' |
| | | }" |
| | | >{{ |
| | | item.isCallMethod ? item.getCallMethod(scope.row[item.prop], scope.row) : scope.row[item.prop] |
| | |
| | | highlight: false, |
| | | tableColumn: [ |
| | | // table表单 |
| | | { label: "", prop: "", min: 200, tooltip: true,textAlign:"center"} |
| | | { label: "", prop: "", min: 200, tooltip: true, textAlign: "center" } |
| | | ] |
| | | } |
| | | }, |
| | |
| | | if (!isNaN(value)) { |
| | | return prev + curr |
| | | } else { |
| | | return prev |
| | | return prev |
| | | } |
| | | }, 0) |
| | | let unitIndex = this.tableList.tableColumn.findIndex(obj => obj.label === column.label); |
| | | sums[index]=this.tableList.tableColumn[unitIndex].unit+sums[index] |
| | | let unitIndex = this.tableList.tableColumn.findIndex((obj) => obj.label === column.label) |
| | | sums[index] = this.tableList.tableColumn[unitIndex].unit + sums[index] |
| | | } else { |
| | | sums[index] = "" |
| | | } |
| | |
| | | border-top-left-radius: 12px; |
| | | border-top-right-radius: 12px; |
| | | overflow: auto; |
| | | .exceed_width{ |
| | | width: 100%; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | .exceed_width { |
| | | width: 100%; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | } |
| | |
| | | height: 35px; |
| | | text-align: center; |
| | | } |
| | | .el-table__body-wrapper{ |
| | | .el-table__body-wrapper { |
| | | height: unset !important; |
| | | } |
| | | .el-table__cell.is-left{ |
| | | .el-table__cell.is-left { |
| | | text-align: left !important; |
| | | } |
| | | .el-table__cell.is-right{ |
| | | .el-table__cell.is-right { |
| | | text-align: right !important; |
| | | } |
| | | } |
| | |
| | | background: rgba(0, 0, 0, 0); |
| | | z-index: 10; |
| | | } |
| | | .el-table__cell{ |
| | | .el-table__cell { |
| | | text-align: unset !important; |
| | | } |
| | | </style> |