Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue

@@ -304,8 +304,9 @@
    <el-table v-if="this.crudArrayFlag"
              ref="referAttrCrud"
              v-loading="loading"
              border
              :data="ProData"
              :height="this.editStyleFlag? 800 : 343"
              :height="this.tableHeight"
              style="width: 100%"
              @select="selectHandle"
              @cell-click="handleCellClicks"
@@ -313,13 +314,13 @@
              @row-click="rowClick"
    >
      <el-table-column
        fixed
        :fixed="!editStyleFlag ? 'left' : undefined"
        type="selection" width="55">
      </el-table-column>
      <!--<el-table-column fixed label="序号" type="index" width="55"></el-table-column>-->
      <el-table-column v-for="(item,index) in this.option.column" v-if="item.edit !='referName'"
                       :key="item.id"
                       :fixed="item.fixed"
                       :fixed="!editStyleFlag ? item.fixed : undefined"
                       :formatter="formAttr"
                       :label="item.label"
                       :prop="item.prop"
@@ -491,6 +492,8 @@
  },
  data() {
    return {
      //表格高度
      dynamicHeight: '',
      // 保存单元格状态
      AddCellFlag: false,
      //全屏编辑高度状态
@@ -1541,6 +1544,13 @@
      });
      return oids.join(",");
    },
    tableHeight() {
      if (this.editStyleFlag) {
        return '800px'
      } else {
        return 'calc(100vh - 595px)'
      }
    }
  },
  mounted() {
  },
@@ -2171,6 +2181,29 @@
</script>

<style lang="scss" scoped>
//固定列高度
/deep/ .el-table__fixed {
  height: calc(100vh - 612px)!important;
}
///deep/ .el-table__fixed[v-if='editStyleFlag'] {
//  height: calc(100vh - 152px)!important; // 编辑状态下的高度
//}
// 滚动条样式修改
// 滚动条的宽度
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
  height: 15px; // 纵向滚动条 必写
  background: white;
  border: white;
  width: 10px;

}
// 滚动条的滑块
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #ececec;
  border-radius: 20px;
  border: #ececec;
}

.app {
  /deep/ .el-button {
    //margin: 0 10px 10px 0;