| | |
| | | :min-width="item.min" |
| | | show-overflow-tooltip |
| | | :sortable="item.sortable" |
| | | :align="item.textAlign" |
| | | v-if="item.isShowColumn" |
| | | > |
| | | <template slot-scope="scope"> |
| | |
| | | >{{ timeAgo(scope.row[item.prop]) }}</span |
| | | > |
| | | <div v-else-if="item.conversion"> |
| | | <span>{{ item.getStatus(scope.row[item.prop]) }}</span> |
| | | <p class="exceed_width">{{ item.getStatus(scope.row[item.prop]) }}</p> |
| | | </div> |
| | | <span |
| | | v-else-if="item.isClick && scope.row[item.prop]" |
| | |
| | | </el-table> |
| | | <div class="overSpread1" v-show="iscolopen" @click="onMaskClick"></div> |
| | | <div v-if="showCheckcol" class="styleBtn"> |
| | | <i @click="checkcol()" class="label">...</i> |
| | | <i @click="checkcol()" class="label" v-if="colOpenShow">...</i> |
| | | <el-checkbox-group v-model="showcolList" v-show="iscolopen" class="checkbox-group" @change="selCeckBoxList"> |
| | | <el-checkbox v-for="item in tableList.allcol" :label="item" :key="item">{{ item }} </el-checkbox> |
| | | </el-checkbox-group> |
| | |
| | | highlight: false, |
| | | tableColumn: [ |
| | | // table表单 |
| | | { label: "", prop: "", min: 200, tooltip: true } |
| | | { label: "", prop: "", min: 200, tooltip: true,textAlign:"center"} |
| | | ] |
| | | } |
| | | }, |
| | |
| | | showSummary: { |
| | | type: Boolean, |
| | | default: false |
| | | } |
| | | }, |
| | | // 是否可以配置列表 表头 |
| | | colOpenShow: { |
| | | type: Boolean, |
| | | default: true, |
| | | }, |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | } |
| | | }, 0) |
| | | let unitIndex = this.tableList.tableColumn.findIndex(obj => obj.label === column.label); |
| | | sums[index]+=this.tableList.tableColumn[unitIndex].unit |
| | | 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; |
| | | text-overflow: ellipsis; |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | .el-table .cell .el-button--text.el-button--small { |
| | | padding: 4px 0; |
| | | } |
| | | .el-table .el-table__cell { |
| | | padding: 6px 0 !important; |
| | | height: 35px; |
| | | text-align: center; |
| | | } |
| | | .el-table__body-wrapper{ |
| | | height: unset !important; |
| | | } |
| | | .el-table__cell.is-left{ |
| | | text-align: left !important; |
| | | } |
| | | .el-table__cell.is-right{ |
| | | text-align: right !important; |
| | | } |
| | | } |
| | | |
| | | ::v-deep .el-table .el-table__cell { |
| | | padding: 6px 0 !important; |
| | | height: 35px; |
| | | text-align: center; |
| | | } |
| | | |
| | | .overSpread1 { |
| | | width: 100%; |
| | | height: 100%; |
| | |
| | | background: rgba(0, 0, 0, 0); |
| | | z-index: 10; |
| | | } |
| | | .el-table__cell{ |
| | | text-align: unset !important; |
| | | } |
| | | </style> |