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

@@ -3,7 +3,7 @@
  <el-container>
    <!--    左侧菜单-->
    <el-aside>
      <basic-container style="overflow:hidden;">
      <basic-container>
        <div>
          <div>
            <div style="display: flex; flex-direction: column;">
@@ -23,6 +23,18 @@
            <div style="display: flex;justify-content: space-around;margin-top: 5px;margin-bottom: 5px">
            </div>
          </div>
<!--          左侧树-->
          <div style="height: calc(100vh - 230px);overflow: auto">
            <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata"
                       :defaultExpandAll="false"
                       :option="Treeoption"
                       class="classifyTree"
                       style="height: calc(100vh - 280px)"
                       @node-click="nodeClick"
            >
            </avue-tree>
          </div>

          <!--        树节点添加对话框-->
          <el-dialog v-loading="AddLoading" :before-close="TreeEscHandler"
                     :title="this.TreeFlag ? '添加分类' :'添加主题库'" :visible.sync="TreeAddFormVisible" append-to-body
@@ -51,6 +63,16 @@
                <el-input v-model="TreeAddform.codeKeyAttrRepeatOidName" autocomplete="off" style="width: 585px"
                          @focus="Keyfouce"></el-input>
              </el-form-item>
              <el-form-item label="是否参与关键属性校验：" label-width="150px">
                <el-switch
                  v-model="TreeAddform.codeKeyAttrValue"
                  active-text="是"
                  inactive-text="否"
                  active-color="#13ce66"
                  inactive-color="#ff4949"
                  @change="switchChange">
                </el-switch>
              </el-form-item>
              <el-form-item label="相似查询规则：" label-width="150px">
                <el-input v-model="TreeAddform.codeResembleRuleOidName" autocomplete="off" style="width: 585px"
                          @focus="simFouce"></el-input>
@@ -69,15 +91,6 @@
                              :nodeList="nodeList" @MasterHandler="MasterHandler" @flushed="flushed"
                              @referTreeForm="referTreeForm"></classifyTreeform>
          </el-dialog>
<!--          左侧树-->
          <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata"
                     :defaultExpandAll="false"
                     :option="Treeoption"
                     class="classifyTree"
                     style="height: calc(100vh - 230px)"
                     @node-click="nodeClick"
          >
          </avue-tree>
        </div>
      </basic-container>
    </el-aside>
@@ -404,7 +417,6 @@
import {mapGetters} from "vuex";
export default {
  name: "classifyTrees.vue",
  inject: ["crudTreeData"],
  data() {
    return {
      masterRow: null,
@@ -584,7 +596,9 @@
        //编码规则
        codeRuleOidName: "",
        //存储的业务类型
        btmTypeName: ""
        btmTypeName: "",
        codeKeyAttrValue:false,
        isParticipateCheck:0
      },
      rules: {
        id: [
@@ -851,6 +865,11 @@
  created() {
  },
  methods: {
    // switch
    switchChange(){
      this.TreeAddform.isParticipateCheck = this.TreeAddform.codeKeyAttrValue ? 1 : 0;
      console.log(this.TreeAddform.isParticipateCheck)
    },
    //存储的业务类型关闭
    BtmEscHandler() {
      this.SelectFInd = '';
@@ -1155,6 +1174,8 @@
            });
            Object.keys(this.TreeAddform).forEach(key => {
              this.TreeAddform[key] = "";
              this.TreeAddform.codeKeyAttrValue = false;
              this.TreeAddform.isParticipateCheck = 0;
            });
            this.getAttr();
            this.TreeAddFormVisible = false;
@@ -1243,7 +1264,10 @@
      this.getAttr()
      setTimeout(() => {
        this.loading = false;
        this.nodeClickList = ""
        this.$refs.tree.setCurrentKey(null);
        this.nodeClickList = {}
        this.TreeList = []
        this.TreeFlagCode = true;
      }, 600);
    },
    //启用和停用都先判断状态
@@ -1345,6 +1369,10 @@
          this.crudOid = ''
        }
        this.TreeList = res3.data.data;
        if(!this.TreeList.isParticipateCheck){
          this.$set(this.TreeList,"isParticipateCheck",0)
          return
        }
      } catch (error) {
        this.$message.error(error);
      }
@@ -1630,7 +1658,7 @@
}

.el-aside {
  height: calc(100% - 30px);
  //height: calc(100% - 30px);
}

.el-main {
@@ -1656,6 +1684,3 @@
}

</style>
/sa[pr
[
syulep