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,40 +35,45 @@
                <el-option label="审核中" value="Auditing"></el-option>
              </el-select></span>
            </div>
            <el-table ref="dataTable" v-loading="isLoading" :data="tableData"
                      :height="tableHeight"
                      @select="handleSelection" @cell-click="handleCellClick" @row-click="handleRowClick"
                      @select-all="handleSelectionAll" @selection-change="handleSelectionChange"
                      @sort-change="sortChange">
              <el-table-column v-if="tableData.length != 0" fixed type="selection" width="55"></el-table-column>
              <el-table-column v-if="tableData.length != 0" fixed label="序号" type="index" width="55">
              </el-table-column>
              <el-table-column v-for="item in CodeArray" v-if="!item.hidden" :label="item.label" :prop="item.prop"
                               :show-overflow-tooltip="true" :sortable="item.sortable" :width="item.width"
                               align="center">
                <template slot-scope="scope">
                  <el-link type="primary" @click="CodeLinkHandler(scope.row)">
                    {{ scope.row[item.prop] }}
                  </el-link>
                </template>
              </el-table-column>
              <el-table-column v-for="item in this.tableHeadFindData" v-if="!item.hidden && item.prop !== 'id' && item.prop !== 'lcstatus'"
                               :key="item.id"
                               :formatter="item.formatter"
                               :label="item.label" :prop="item.prop"
                               :show-overflow-tooltip="true"
                               :sortable="item.sortable"
                               :width="item.width"
                               align="center">
              </el-table-column>
              <el-table-column  v-for="item in lcstatusArray" v-if="!item.hidden" label="生命周期值" prop="lcstatus"
                                :show-overflow-tooltip="true" :sortable="item.sortable" :width="item.width"
                                align="center">
                <template slot-scope="scope">
                  <span>{{ scope.row.lcstatus_text }}</span>
                </template>
              </el-table-column>
            </el-table>
            <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"
                        @sort-change="sortChange">
                <el-table-column v-if="tableData.length != 0" fixed type="selection" width="55"></el-table-column>
                <el-table-column v-if="tableData.length != 0" fixed label="序号" type="index" width="55">
                </el-table-column>
                <!--              生命周期-->
                <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">
                    <span>{{ scope.row.lcstatus_text }}</span>
                  </template>
                </el-table-column>
                <!--              编号-->
                <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">
                    <el-link type="primary" @click="CodeLinkHandler(scope.row)">
                      {{ scope.row[item.prop] }}
                    </el-link>
                  </template>
                </el-table-column>
                <el-table-column v-for="item in this.tableHeadFindData" v-if="!item.hidden && item.prop !== 'id' && item.prop !== 'lcstatus'"
                                 :key="item.id"
                                 :formatter="item.formatter"
                                 :label="item.label" :prop="item.prop"
                                 :show-overflow-tooltip="true"
                                 :sortable="item.sortable"
                                 :width="item.width"
                                 align="center">
                </el-table-column>

              </el-table>
            </div>
          </el-row>
          <!--          新增-->
          <FormTemplateDialog :TreeValue="TreeValue" :codeClassifyOid="this.codeClassifyOid"
@@ -162,6 +167,7 @@
import {validatenull} from "@/util/validate";
import fileInHtml from "@/components/file/inHtml.vue";
import {getUserInfo} from "@/api/system/user";
import func from "@/util/func";

export default {
  components: {
@@ -323,7 +329,7 @@
        oids.push(ele.oid);
      });
      return oids;
    }
    },
  },
  created() {
    // const index = this.$route.query.id.indexOf('@name=') + '@name='.length;
@@ -381,14 +387,25 @@
          }
        })
        this.tableHeadFindDatas = newval;
        // console.log('new',newval)
        if (!this.isCodeArrayPushed) {
          this.CodeArray.push(newval.find(item => item.prop === 'id'))
          this.isCodeArrayPushed = true
        };
          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);
          this.isCodeArrayPushed = true;
        }
        if (!this.islcstatusPushed) {
          this.lcstatusArray.push(newval.find(item => item.prop === 'lcstatus'))
          this.islcstatusPushed = true
        };
          if (newval.find(item => item.prop === 'lcstatus')) {
            this.lcstatusArray.push(newval.find(item => item.prop === 'lcstatus'));
          } else {
            this.lcstatusArray.push([]);
          }
          // console.log('lcstatusArray', this.lcstatusArray);
          this.islcstatusPushed = true;
        }
        // console.log('new',newval)
        this.WupinFindValue = ''
      },
@@ -865,6 +882,11 @@
    },
    //增加保存
    AddSumbit(val) {
      //console.log(val)
      if(func.notEmpty(val.ts)) {
        val.ts = func.formattedDateTime(val.ts);
        //console.log(val.ts);
      }
      addSaveCode(val).then(res => {
        this.$nextTick(() => {
          this.addvisible = false;
@@ -922,15 +944,26 @@
</script>

<style lang="scss" scoped>
.testbox {
  .el-table--scrollable-x .el-table__body-wrapper {
    overflow: auto !important;
  }

  .el-table__fixed-right-patch {
    background-color: #f5f7fa !important;
  }
//固定列高度
/deep/ .el-table__fixed {
  height: calc(100vh - 370px)!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-button {
  margin: 0 10px 10px 0;
@@ -956,4 +989,7 @@
  margin-top: 10px;
}

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