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

@@ -3,26 +3,37 @@
  <el-container>
    <!--    左侧菜单-->
    <el-aside>
      <basic-container style="overflow:hidden;">
      <basic-container>
        <div>
          <div>
            <div style="display: flex; flex-direction: column;">
              <div style="display: flex;">
                <el-button plain size="small" type="primary" @click="TreeAdd">添加</el-button>
                <el-button plain size="small" type="primary" @click="TreeEdit">修改</el-button>
                <el-button plain size="small" type="primary" @click="TreeDel">删除</el-button>
                <el-button plain size="small" type="primary" @click="flushed">刷新</el-button>
                <el-button plain size="small" type="primary" @click="TreeAdd" v-if="permissionList.TreeAddStatus">添加</el-button>
                <el-button plain size="small" type="primary" @click="TreeEdit" v-if="permissionList.TreeEditStatus">修改</el-button>
                <el-button plain size="small" type="primary" @click="TreeDel" v-if="permissionList.TreeDelStatus">删除</el-button>
                <el-button plain size="small" type="primary" @click="flushed" v-if="permissionList.flushedStatus">刷新</el-button>
              </div>
              <div style="display: flex; margin-top: 10px">
                <el-button plain size="small" type="primary" @click="Enable">启用</el-button>
                <el-button plain size="small" type="primary" @click="Deactivate">停用</el-button>
                <el-button plain size="small" type="primary" @click.native="ImportExcel">导入</el-button>
                <el-button plain size="small" type="primary" @click="ExportExcel">导出</el-button>
                <el-button plain size="small" type="primary" @click="Enable" v-if="permissionList.EnableStatus">启用</el-button>
                <el-button plain size="small" type="primary" @click="Deactivate" v-if="permissionList.DeactivateStatus">停用</el-button>
                <el-button plain size="small" type="primary" @click.native="ImportExcel" v-if="permissionList.ImportExcelStatus">导入</el-button>
                <el-button plain size="small" type="primary" @click="ExportExcel" v-if="permissionList.ExportExcelStatus">导出</el-button>
              </div>
            </div>
            <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"
                       @node-click="nodeClick"
            >
            </avue-tree>
          </div>

          <!--        树节点添加对话框-->
          <el-dialog v-loading="AddLoading" :before-close="TreeEscHandler"
                     :title="this.TreeFlag ? '添加分类' :'添加主题库'" :visible.sync="TreeAddFormVisible" append-to-body
@@ -63,19 +74,12 @@
          </el-dialog>
          <!--        修改对话框-->
          <el-dialog :visible.sync="TreeEditFormVisible" append-to-body title="修改分类">
            <classifyTreeform ref="childForm" :Editclose=" ()=>{TreeEditFormVisible=false}" :TreeFlag="editTreeFLagCode" :flag="'edit'"
            <classifyTreeform ref="childForm" :Editclose=" ()=>{TreeEditFormVisible=false}" :TreeFlag="editTreeFLagCode"
                              :flag="'edit'"
                              :loneTreeNewForm="TreeList" :nodeClickList="nodeClickList"
                              :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>
@@ -102,9 +106,9 @@
                  </template>

            <template slot="menuLeft">
              <el-button plain size="small" type="primary" @click="FindeHanler">查询</el-button>
              <el-button plain size="small" type="primary" @click="TemRefresh">刷新</el-button>
              <el-button plain size="small" type="primary" @click="CloneBtn">从其它模板克隆</el-button>
              <el-button plain size="small" type="primary" @click="FindeHanler" v-if="permissionList.FindStatus">查询</el-button>
              <el-button plain size="small" type="primary" @click="TemRefresh" v-if="permissionList.TemRefreshStatus">刷新</el-button>
              <el-button plain size="small" type="primary" @click="CloneBtn" v-if="permissionList.CloneBtnStuatus">从其它模板克隆</el-button>
              <!--              查询对话框-->
           <el-dialog :visible.sync="FindFormVisible" append-to-body title="高级查询">
              <div>
@@ -141,7 +145,7 @@
                        <avue-tree ref="cloneTree" v-model="TreeAvueform" v-loading="loading" :data="Treedata"
                                   :defaultExpandAll="false"
                                   :option="Treeoption"
                                   style="height: 50.5vh;margin-right: 10px"
                                   style="height: 50.5vh;margin-right: 10px;width: 300px"
                                   @node-click="ClonenodeClick"
                        >
                        </avue-tree>
@@ -233,7 +237,8 @@
                       :rowIndex="this.selectRow"></templatePro>
        </span>
        <!--     编码规则-->
        <el-dialog :visible.sync="MasterdialogVisible" append-to-body title="为【编码规则】选取值" :before-close="masterEscHandler">
        <el-dialog :before-close="masterEscHandler" :visible.sync="MasterdialogVisible" append-to-body
                   title="为【编码规则】选取值">
          <template>
            <el-select v-model="SelectValue" placeholder="请选择" style="width: 135px">
              <el-option
@@ -266,7 +271,7 @@
          </div>
        </el-dialog>
        <!--      关键属性查询规则-->
        <el-dialog :visible.sync="KeydialogVisible" append-to-body title="为【关键属性查询规则】选取值" :before-close="KeyEscHandler">
        <el-dialog :before-close="KeyEscHandler" :visible.sync="KeydialogVisible" append-to-body title="为【关键属性查询规则】选取值">
          <template>
            <el-select v-model="SelectValue" placeholder="请选择" style="width: 135px">
              <el-option
@@ -290,7 +295,9 @@
          <div style="height: 30px">
            <div
              style="display: inline-block;float: left;border: 1px solid #eeeeee;padding: 5px;margin-top: 5px;font-size: 14px ">
              已设置的值为:[{{ this.TreeAddform.codeKeyAttrRepeatOidName == '' ? '未设置值' : this.TreeAddform.codekeyattrrepeatoidName }}]
              已设置的值为:[{{
                this.TreeAddform.codeKeyAttrRepeatOidName == '' ? '未设置值' : this.TreeAddform.codekeyattrrepeatoidName
              }}]
            </div>
            <div style="padding-top: 10px;display: flex; justify-content: flex-end;float: right;overflow: hidden">
              <el-button size="small" type="primary" @click="KeyHandlerClick">确定</el-button>
@@ -299,7 +306,7 @@
          </div>
        </el-dialog>
        <!--      相似项查询规则-->
        <el-dialog :visible.sync="SimidialogVisible" append-to-body title="为【相似项查询规则】选取值" :before-close="simEscHandler">
        <el-dialog :before-close="simEscHandler" :visible.sync="SimidialogVisible" append-to-body title="为【相似项查询规则】选取值">
          <template>
            <el-select v-model="SelectValue" placeholder="请选择" style="width: 135px">
              <el-option
@@ -323,7 +330,9 @@
          <div style="height: 30px">
            <div
              style="display: inline-block;float: left;border: 1px solid #eee;padding: 5px;margin-top: 5px;font-size: 14px ">
              已设置的值为:[{{ this.TreeAddform.codeResembleRuleOidName == '' ? '未设置值' : this.TreeAddform.codeResembleRuleOidName }}]
              已设置的值为:[{{
                this.TreeAddform.codeResembleRuleOidName == '' ? '未设置值' : this.TreeAddform.codeResembleRuleOidName
              }}]
            </div>
            <div style="padding-top: 10px;display: flex; justify-content: flex-end;float: right;overflow: hidden">
              <el-button size="small" type="primary" @click="simHandlerClick">确定</el-button>
@@ -332,7 +341,7 @@
          </div>
        </el-dialog>
        <!--        业务类型-->
        <el-dialog :visible.sync="BtmdialogVisible" append-to-body title="为【业务类型规则】选取值" :before-close="BtmEscHandler">
        <el-dialog :before-close="BtmEscHandler" :visible.sync="BtmdialogVisible" append-to-body title="为【业务类型规则】选取值">
          <template>
            <el-select v-model="SelectValue" placeholder="请选择" style="width: 135px !important;">
              <el-option
@@ -394,13 +403,9 @@
} from "@/api/template/templateAttr";
import {defaultReferDataGrid, referDataGrid} from '@/api/MasterData/master'
import func from "@/util/func";

import {mapGetters} from "vuex";
export default {
  name: "classifyTrees.vue",
  //使用inject接收参数
  //Treeoption左侧树新增表单项 Treedata左侧树节点 配置项 crudTreeOption右侧表格配置项 crudTreeData右侧表格显示内容
  //Treeform右侧表单配置项
  inject: ["crudTreeData"],
  data() {
    return {
      masterRow: null,
@@ -466,9 +471,10 @@
          }
        ]
      },
      Option:{
      Option: {
        addBtn: false,
        index: true,
        columnBtn:false,
        border: true,
        menu: false,
        height: 380,
@@ -503,7 +509,7 @@
          label: '英文名称'
        }
      ],
      masterSelectOption:[
      masterSelectOption: [
        {
          value: 'id',
          label: '业务类型编号'
@@ -660,6 +666,7 @@
      CloneSelect: [],
      //克隆模板option
      ClonecrudTreeOption: {
        columnBtn:false,
        index: true,
        border: true,
        menu: false,
@@ -755,7 +762,6 @@
    }
  },
  watch: {},
  //tab栏默认是表格
  mounted() {
    this.type = this.tabOption.column[0];
    this.getAttr();
@@ -770,10 +776,27 @@
    }, true)
  },
  computed: {
    ...mapGetters(["permission"]),
    permissionList(){
      return{
        TreeAddStatus:this.vaildData(this.permission.classifyTree.tree_add,false),
        TreeEditStatus:this.vaildData(this.permission.classifyTree.tree_edit,false),
        TreeDelStatus:this.vaildData(this.permission.classifyTree.tree_delete,false),
        flushedStatus:this.vaildData(this.permission.classifyTree.tree_break,false),
        EnableStatus:this.vaildData(this.permission.classifyTree.tree_enable,false),
        DeactivateStatus:this.vaildData(this.permission.classifyTree.tree_stop,false),
        ImportExcelStatus:this.vaildData(this.permission.classifyTree.tree_import,false),
        ExportExcelStatus:this.vaildData(this.permission.classifyTree.tree_export,false),
        FindStatus:this.vaildData(this.permission.classifyTree.manage_search,false),
        TemRefreshStatus:this.vaildData(this.permission.classifyTree.manage_break,false),
        CloneBtnStuatus:this.vaildData(this.permission.classifyTree.manage_clone,false),
      }
    },
    crudTreeOption() {
      return {
        index: true,
        border: true,
        columnBtn:false,
        height: 180,
        addBtn: this.Formlist.length <= 0 && this.nodeClickList != "",
        editBtn: false,
@@ -827,36 +850,35 @@
    }
  },
  created() {

  },
  methods: {
    //存储的业务类型关闭
    BtmEscHandler(){
      this.SelectFInd='';
      this.SelectValue='id';
      this.masterRow=null;
      this.BtmdialogVisible=false;
    BtmEscHandler() {
      this.SelectFInd = '';
      this.SelectValue = 'id';
      this.masterRow = null;
      this.BtmdialogVisible = false;
    },
    //相似项关闭
    simEscHandler(){
      this.SelectFInd='';
      this.SelectValue='id';
      this.masterRow=null;
      this.SimidialogVisible=false;
    simEscHandler() {
      this.SelectFInd = '';
      this.SelectValue = 'id';
      this.masterRow = null;
      this.SimidialogVisible = false;
    },
    //关键属性关闭
    KeyEscHandler(){
      this.SelectFInd='';
      this.SelectValue='id';
      this.masterRow=null;
      this.KeydialogVisible=false;
    KeyEscHandler() {
      this.SelectFInd = '';
      this.SelectValue = 'id';
      this.masterRow = null;
      this.KeydialogVisible = false;
    },
    //编码规则关闭
    masterEscHandler(){
      this.SelectFInd='';
      this.SelectValue='id';
      this.masterRow=null;
      this.MasterdialogVisible=false;
    masterEscHandler() {
      this.SelectFInd = '';
      this.SelectValue = 'id';
      this.masterRow = null;
      this.MasterdialogVisible = false;
    },
    // 关闭弹窗
    /** 导入 */
@@ -889,7 +911,7 @@
    //编码规则查询
    SelectFindeHandler() {
      const masterParameter = {};
      masterParameter[`conditionMap['${this.SelectValue}']`] = `*${this.SelectFInd}*`;
      masterParameter[`conditionMap['${this.SelectValue}']`] = this.SelectFInd;
      this.MasterdefaultRend(masterParameter)
    },
    //编码规则确定
@@ -904,6 +926,7 @@
        this.$set(this.TreeAddform, 'codeRuleOidName', this.masterName)
        this.$set(this.TreeAddform, 'codeRuleOid', this.masterOid)
        this.$emit('MasterHandler', this.loneTreeNewForm)
        this.masterRow=null;
      }
    },
    //编码接口
@@ -912,6 +935,7 @@
        referType: 'coderule',
        isMuti: 'false',
        'conditionMap["lcstatus"]': 'Released',
        'limit':'-1',
        ...masterParameter
      }).then(res => {
        this.masterData = res.data.records;
@@ -932,12 +956,13 @@
        this.KeySelectLIst = []
        this.$set(this.TreeAddform, 'codeKeyAttrRepeatOidName', this.KeyName)
        this.$set(this.TreeAddform, 'codeKeyAttrRepeatOid', this.KeyOid)
        this.masterRow=null;
      }
    },
    //关键属性查询
    KeySelectFindeHandler() {
      const masterParameter = {};
      masterParameter[`conditionMap['${this.SelectValue}']`] = `*${this.SelectFInd}*`;
      masterParameter[`conditionMap['${this.SelectValue}']`] = this.SelectFInd;
      this.KeydefaultRend(masterParameter)
    },
    //关键属性接口
@@ -946,6 +971,7 @@
        referType: 'codekeyattrrepeat',
        isMuti: 'false',
        'conditionMap["lcstatus"]': 'Enabled',
        'limit':'-1',
        ...masterParameter
      }).then(res => {
        this.KeyData = res.data.records;
@@ -975,12 +1001,13 @@
        this.$set(this.TreeAddform, 'codeResembleRuleOidName', this.simName)
        this.$set(this.TreeAddform, 'codeResembleRuleOid', this.simOid)
        this.$emit('MasterHandler', this.loneTreeNewForm)
        this.masterRow=null;
      }
    },
    //相似项查询
    SimSelectFindeHandler() {
      const masterParameter = {};
      masterParameter[`conditionMap['${this.SelectValue}']`] = `*${this.SelectFInd}*`;
      masterParameter[`conditionMap['${this.SelectValue}']`] = this.SelectFInd;
      this.simdefaultRend(masterParameter)
    },
    //  相似项多选
@@ -996,6 +1023,7 @@
        referType: 'coderesemblerule',
        isMuti: 'false',
        'conditionMap["lcstatus"]': 'Enabled',
        'limit':'-1',
        ...masterParameter
      }).then(res => {
        this.simData = res.data.records;
@@ -1019,13 +1047,14 @@
        this.$set(this.TreeAddform, 'btmTypeName', this.btmName)
        this.$set(this.TreeAddform, 'btmTypeId', this.btmOid)
        this.$emit('MasterHandler', this.loneTreeNewForm)
        this.masterRow=null;
      }
    },
    //业务类型查询
    BtmSelectFindeHandler() {
      const masterParameter = {};
      masterParameter[`conditionMap['${this.SelectValue}']`] = `*${this.SelectFInd}*`;
        this.btmdefaultRend(masterParameter);
      masterParameter[`conditionMap['${this.SelectValue}']`] = this.SelectFInd;
      this.btmdefaultRend(masterParameter);
    },
    //业务类型多选
    btmSelect(row) {
@@ -1036,7 +1065,7 @@
    },
    //业务类型接口
    btmdefaultRend(masterParameter) {
      referDataGrid({valueField: 'id', isMuti: 'false', ...masterParameter}).then(res => {
      referDataGrid({valueField: 'id', isMuti: 'false','limit':'-1', ...masterParameter}).then(res => {
        this.BtmData = res.data.data.records
      })
    },
@@ -1063,7 +1092,6 @@
        })
        //调用修改属性名方法
        this.ModifyProperties(this.CloneTreedata, 'name', 'label');
        console.log(this.CloneTreedata)
        this.CloneTreedata = this.CloneTreedata.map(item => {
          if (item.attributes.lcStatus === "Disabled") {
            item.label += '【停用】';
@@ -1119,7 +1147,6 @@
        this.$message.warning('请输入内容！');
      } else {
        const data = this.TreeAddform;
        // data.btmtypename= this.TreeList.btmtypename
        this.$set(data, "parentCodeClassifyOid", this.nodeClickList.oid);
        TreeSave(data)
          .then(() => {
@@ -1286,11 +1313,9 @@
          });
        }
      }

    },
    //树点击事件
    async nodeClick(data) {
      console.log(data);
      //操作新增和修改的业务类型隐藏
      this.TreeFlagCode = !data;
      this.editTreeFLagCode = !data.parentId;
@@ -1512,9 +1537,6 @@
      const {id, name} = row[0];
      this.CloneModel = {id, name};
      this.CloneSelect[0].codeclassifyoid = this.nodeClickList.oid;
      console.log('row', row)
      console.log('CloneSelect', this.CloneSelect)
      console.log('CloneModel', this.CloneModel)
    },
    //克隆表单提交
    Clonesubmit(row, done) {
@@ -1609,7 +1631,7 @@
}

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

.el-main {