wms项目 wms系统参数设置的页面开发+路由+是否显示表头配置

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 {
@@ -238,10 +244,11 @@
                  if (!isNaN(value)) {
                    return prev + curr
                  } else {
                    return prev
                    return prev 
                  }
                }, 0)
                sums[index] = this.tableList.tableColumn[index - 1].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] = ""
              }
@@ -298,16 +305,18 @@
  .styleBtn {
    position: absolute;
    width: 30px;
    height: 48px;
    height: 35px;
    // line-height: 26px;
    background: #f1f3f8;
    background: transparent;
    border-top-right-radius: 8px;
    top: 0px;
    right: 2px;
    display: flex;
    align-items: center;
    // z-index: 9999;
    .label {
      position: absolute;
      top: 12px;
      top: 6px;
      font-size: 20px;
      cursor: pointer;
      color: #000;
@@ -344,6 +353,61 @@
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: auto;
    .exceed_width{
      width: 100%;  
      white-space: nowrap;  
      overflow: hidden;  
      text-overflow: ellipsis;
    }
  }
}

::v-deep .el-table .cell {
  font-size: 12px;
  line-height: 17px;
  font-family: PingFangSC;
  color: rgba(0, 0, 0, 0.9);
  .el-button--text {
    width: auto;
    height: auto;
    font-family: PingFangSC-Medium, sans-serif;
  }
}
::v-deep .el-table .el-table__cell {
  padding: 6px 0 !important;
  height: 35px;
  text-align: center;
}

::v-deep {
  .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;
  }
}
.overSpread1 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 10;
}
.el-table__cell{
  text-align: unset !important;
}
</style>