主数据 主题库-滚动条样式

 Source/UBCS-WEB/src/components/Master/MasterTree.vue

@@ -170,7 +170,7 @@
      try {
        // console.log(data)
        this.TreeValue=data.label.split(" ")[0].trim();
        console.log('TreeValue',this.TreeValue)
        // console.log('TreeValue',this.TreeValue)
        this.$emit('TreeValue',this.TreeValue)
        this.nodeClickList = data;
        this.tableHeadDataFateher = []

 Source/UBCS-WEB/src/components/MasterCrud/VciMasterCrud.vue

@@ -6,7 +6,7 @@
          <div>
          </div>
          <el-row style="width: 100%;margin-bottom: 10px">
            <div>
            <div style="margin-bottom: 10px">
              <el-button v-for="(item, index) in masterVrBtnList"
                         v-if="!['PREVIEW', 'DELETEFILE', 'revisefile', 'DOWNLOADFILE', 'UPLOADFILE'].includes(item.uniqueFlag)"
                         :key="index" plain size="small"
@@ -35,7 +35,8 @@
                <el-option label="审核中" value="Auditing"></el-option>
              </el-select></span>
            </div>
            <el-table class="custom-scrollbar" ref="dataTable" v-loading="isLoading" :data="tableData"
            <div class="custom-table">
              <el-table class="cus-table" ref="dataTable" v-loading="isLoading" :data="tableData"
                      :height="tableHeight"  border
                      @select="handleSelection" @cell-click="handleCellClick" @row-click="handleRowClick"
                      @select-all="handleSelectionAll" @selection-change="handleSelectionChange"
@@ -44,7 +45,7 @@
              <el-table-column v-if="tableData.length != 0" fixed label="序号" type="index" width="55">
              </el-table-column>
<!--              生命周期-->
              <el-table-column v-for="item in lcstatusArray" v-if=" lcstatusArray.length !== 0 && !item.hidden" label="生命周期值" prop="lcstatus"
                <el-table-column v-for="(item,index) in lcstatusArray" key="index" v-if=" lcstatusArray.length !== 0 && !item.hidden" label="生命周期值" prop="lcstatus"
                               :show-overflow-tooltip="true" :sortable="item.sortable" :width="item.width"
                               align="center">
                <template slot-scope="scope">
@@ -52,7 +53,7 @@
                </template>
              </el-table-column>
<!--              编号-->
              <el-table-column  v-for="item in CodeArray" v-if="CodeArray.length !== 0 && !item.hidden" :label="item.label" :prop="item.prop"
                <el-table-column  v-for="(item, index) in CodeArray" key="index" v-if="CodeArray.length !== 0 && !item.hidden" :label="item.label" :prop="item.prop"
                               :show-overflow-tooltip="true" :sortable="item.sortable" :width="item.width"
                               align="center">
                <template slot-scope="scope">
@@ -72,6 +73,7 @@
              </el-table-column>

            </el-table>
            </div>
          </el-row>
          <!--          新增-->
          <FormTemplateDialog :TreeValue="TreeValue" :codeClassifyOid="this.codeClassifyOid"
@@ -384,14 +386,14 @@
          }
        })
        this.tableHeadFindDatas = newval;
        console.log('new',newval)
        // console.log('new',newval)
        if (!this.isCodeArrayPushed) {
          if (newval.find(item => item.prop === 'id')) {
            this.CodeArray.push(newval.find(item => item.prop === 'id'));
          } else {
            this.CodeArray.push([]);
          }
          console.log('CodeArray', this.CodeArray);
          // console.log('CodeArray', this.CodeArray);
          this.isCodeArrayPushed = true;
        }
        if (!this.islcstatusPushed) {
@@ -400,7 +402,7 @@
          } else {
            this.lcstatusArray.push([]);
          }
          console.log('lcstatusArray', this.lcstatusArray);
          // console.log('lcstatusArray', this.lcstatusArray);
          this.islcstatusPushed = true;
        }
        // console.log('new',newval)
@@ -936,15 +938,26 @@
</script>

<style lang="scss" scoped>
.testbox {
  .el-table--scrollable-x .el-table__body-wrapper {
    overflow: auto !important;
//固定列高度
/deep/ .el-table__fixed {
  height: 550px!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;
  }

  .el-table__fixed-right-patch {
    background-color: #f5f7fa !important;
  }
}

.el-button {
  margin: 0 10px 10px 0;
@@ -970,4 +983,7 @@
  margin-top: 10px;
}

 .el-table__body-wrapper{
  height: calc(100% - 44px) !important;
}
</style>

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

@@ -2172,6 +2172,27 @@
</script>

<style lang="scss" scoped>
//固定列高度
/deep/ .el-table__fixed {
  height: 325px!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;