产品管理样式修改

yangfeng

2023-09-06 3a1a63d17e21cb9c26e4515e49e9ff75f59f52a0

 src/components/makepager/TableCommonView.vue

@@ -6,12 +6,17 @@
      :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"
      @selection-change="handleSelectionChange"
      :header-cell-style="{ background: '#ECF4FF', color: '#666' }"
      :header-cell-style="{ background: '#f1f3f8', color: '#000009' }"
      :highlight-current-row="tableList.highlight"
      :row-class-name="tableRowClassName"
      @row-click="tableRowClick"
      :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>
@@ -33,7 +38,7 @@
              ? "--"
              : dateFormat("YYYY-mm-dd HH:MM:SS", scope.row[item.prop])
          }}</span>
          <span v-else-if="item.isClick && scope.row[item.prop]" class="sel-name" @click="selNameClick(scope.row)">{{
          <span v-else-if="item.isClick && scope.row[item.prop]" class="sel-name" @click="selCommonClick(scope.row)">{{
            scope.row[item.prop]
          }}</span>
          <span v-else-if="item.isFirst">{{ scope.row[item.prop] ? "是" : "否" }}</span>
@@ -118,8 +123,16 @@
        return {
          show: false,
          sumProp: [],
          mergeNumber: 1
          mergeNumber: 1,
          totalName: "本页总计"
        }
      }
    },
    // 选中的样式
    selectClassRow: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
@@ -127,6 +140,7 @@
    return {}
  },
  computed: {},
  mounted() {},
  methods: {
    handleReserve(row) {
      return row._id ? row._id : row.id
@@ -159,7 +173,7 @@
        const sums = []
        columns.forEach((column, index) => {
          if (index === this.showSummary.mergeNumber) {
            sums[index] = "本页总计"
            sums[index] = this.showSummary.totalName
          }
          const values = data.map((item) => Number(item[column.property]))
          if (this.showSummary.sumProp.includes(column.property)) {
@@ -261,6 +275,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)
    }
  }
}
@@ -270,8 +296,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;
@@ -305,9 +332,16 @@
  }
}
::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;
    //     }
    //   }
  }
}
</style>