haoxuan
2024-02-07 d68b036a3b3c67273b8effa3c9925ef3869a91ba
src/components/makepager/TableCommonView.vue
@@ -66,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]"
@@ -89,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>
@@ -151,7 +151,12 @@
    showSummary: {
      type: Boolean,
      default: false
    }
    },
    // 是否可以配置列表 表头
    colOpenShow: {
      type: Boolean,
      default: true,
    },
  },
  data() {
    return {
@@ -348,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;
    }
  }
}
@@ -372,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%;
@@ -389,4 +407,7 @@
  background: rgba(0, 0, 0, 0);
  z-index: 10;
}
.el-table__cell{
  text-align: unset !important;
}
</style>