haoxuan
2024-02-07 d68b036a3b3c67273b8effa3c9925ef3869a91ba
src/components/makepager/TableCommonView.vue
@@ -33,6 +33,7 @@
        :min-width="item.min"
        show-overflow-tooltip
        :sortable="item.sortable"
        :align="item.textAlign"
        v-if="item.isShowColumn"
      >
        <template slot-scope="scope">
@@ -65,7 +66,7 @@
            >{{ 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]"
@@ -88,7 +89,7 @@
    </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>
@@ -115,7 +116,7 @@
          highlight: false,
          tableColumn: [
            // table表单
            { label: "", prop: "", min: 200, tooltip: true }
            { label: "", prop: "", min: 200, tooltip: true,textAlign:"center"}
          ]
        }
      },
@@ -150,7 +151,12 @@
    showSummary: {
      type: Boolean,
      default: false
    }
    },
    // 是否可以配置列表 表头
    colOpenShow: {
      type: Boolean,
      default: true,
    },
  },
  data() {
    return {
@@ -242,7 +248,7 @@
                  }
                }, 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] = ""
              }
@@ -347,6 +353,12 @@
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: auto;
    .exceed_width{
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}
@@ -371,14 +383,21 @@
  .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%;
@@ -388,4 +407,7 @@
  background: rgba(0, 0, 0, 0);
  z-index: 10;
}
.el-table__cell{
  text-align: unset !important;
}
</style>