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

@@ -2,135 +2,193 @@
<template>
  <el-container>
    <!--    左侧菜单-->
    <el-aside >
      <basic-container style="overflow:hidden;">
        <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>
            </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>
            </div>
    <el-aside>
      <basic-container>
        <div ref="TreeBox" style="height: calc(100vh - 144px);!important;">
          <div class="headerCon" style="display: flex; flex-wrap: wrap;margin-bottom: 5px">
            <el-button v-if="permissionList.TreeAddStatus" plain size="small" type="primary" @click="TreeAdd">添加
            </el-button>
            <el-button v-if="permissionList.TreeEditStatus" v-show="allButtons" plain size="small" type="primary"
                       @click="TreeEdit">修改
            </el-button>
            <el-button v-if="permissionList.TreeDelStatus" v-show="allButtons" plain size="small" type="primary"
                       @click="TreeDel">删除
            </el-button>
            <el-button v-if="permissionList.flushedStatus" v-show="allButtons" plain size="small" type="primary"
                       @click="flushed">刷新
            </el-button>
            <el-button v-if="permissionList.EnableStatus" v-show="allButtons" plain size="small" type="primary"
                       @click="Enable">启用
            </el-button>
            <el-button v-if="permissionList.DeactivateStatus" v-show="allButtons" plain size="small" type="primary"
                       @click="Deactivate">停用
            </el-button>
            <el-button v-if="permissionList.ImportExcelStatus" v-show="allButtons" plain size="small" type="primary"
                       @click.native="ImportExcel">导入
            </el-button>
            <el-button v-if="permissionList.ExportExcelStatus" v-show="allButtons" plain size="small" type="primary"
                       @click="ExportExcel">
              导出
            </el-button>
            <el-button v-if="permissionList.flowingBtnStuatus" v-show="allButtons" plain
                       size="small" style="width: 56px;text-align: center;padding-left: 3px" type="primary"
                       @click="flowingDependHandler">流水处理
            </el-button>
            <el-button v-if="permissionList.classifyAuth" v-show="allButtons" plain size="small"
                       style="width: 56px;text-align: center;padding-left: 3px" type="primary"
                       @click="classifyAuthHandler">分类授权
            </el-button>
            <el-button v-if="permissionList.classifyAuth" v-show="allButtons" plain size="small"
                       style="width: 56px;text-align: center;padding-left: 3px" type="primary"
                       @click="dataAuthHandler">数据授权
            </el-button>
          </div>
          <div style="display: flex;justify-content: space-around;margin-top: 5px;margin-bottom: 5px">
          <!-- 左侧树-->
          <div style="height:  calc(100vh - 242px);overflow: auto">
            <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata"
                       :defaultExpandAll="false"
                       :option="Treeoption"
                       class="classifyTree"
                       @node-click="nodeClick"
            >
              <template slot-scope="{ node, data }" class="el-tree-node__label">
                <el-tooltip :content="$createElement('div', { domProps: { innerHTML: node.label } })" class="item"
                            effect="dark"
                            open-delay="500"
                            placement="right-start">
                <span style="font-size: 14px;">
                {{ (node || {}).label }}
              </span>
                </el-tooltip>
              </template>
            </avue-tree>
          </div>

        </div>
        <!--        树节点添加对话框-->
        <el-dialog :title="this.TreeFlag ? '添加分类' :'添加主题库'" :visible.sync="TreeAddFormVisible" append-to-body
        <!-- 树节点添加对话框-->
        <el-dialog v-loading="AddLoading" :before-close="TreeEscHandler"
                   :title="this.TreeFlag ? '添加分类' :'添加主题库'" :visible.sync="TreeAddFormVisible" append-to-body
                   style="width: 1700px;margin: auto">
          <el-form :model="TreeAddform" :rules="rules">
            <el-form-item :label="this.TreeFlag ? '分类编号：' :'主题库编号：'" label-width="150px" style="display: inline-block" prop="id">
          <el-form ref="myForm" :model="TreeAddform" :rules="rules">
            <el-form-item :label="this.TreeFlag ? '分类编号：' :'主题库编号：'" label-width="150px" prop="id"
                          style="display: inline-block">
              <el-input v-model="TreeAddform.id" autocomplete="off" style="width: 170px"></el-input>
            </el-form-item>
            <el-form-item :label="this.TreeFlag ? '分类名称：' :'主题库名称：'" label-width="110px" style="display: inline-block" prop="name">
            <el-form-item :label="this.TreeFlag ? '分类名称：' :'主题库名称：'" label-width="110px" prop="name"
                          style="display: inline-block">
              <el-input v-model="TreeAddform.name" autocomplete="off" style="width: 170px"></el-input>
            </el-form-item>
            <el-form-item label="存储的业务类型：" label-width="150px" v-if="TreeFlagCode==false" prop="btmTypeName">
              <el-input v-model="TreeAddform.btmTypeName" autocomplete="off" style="width: 585px" @focus="btmFoucus"></el-input>
            <el-form-item v-if="TreeFlagCode" label="存储的业务类型：" label-width="150px" prop="btmTypeName">
              <el-input v-model="TreeAddform.btmTypeName" autocomplete="off" style="width: 585px"
                        @focus="btmFoucus"></el-input>
            </el-form-item>
            <el-form-item label="描述：" label-width="150px">
              <el-input v-model="TreeAddform.description" autocomplete="off" style="width: 585px"></el-input>
            </el-form-item>
            <el-form-item label="编码规则：" label-width="150px">
              <el-input v-model="TreeAddform.codeRuleOidName" autocomplete="off" style="width: 585px" @focus="CodeFoucus"></el-input>
              <el-input v-model="TreeAddform.codeRuleOidName" autocomplete="off" style="width: 585px"
                        @focus="CodeFoucus"></el-input>
            </el-form-item>
            <el-form-item label="关键属性查询规则：" label-width="150px">
                <el-input v-model="TreeAddform.codeKeyAttrRepeatOidName" autocomplete="off" @focus="Keyfouce"
                        style="width: 585px"></el-input>
              <el-input v-model="TreeAddform.codeKeyAttrRepeatOidName" autocomplete="off" style="width: 585px"
                        @focus="Keyfouce"></el-input>
            </el-form-item>
            <el-form-item label="是否参与关键属性校验：" label-width="170px">
              <el-switch
                v-model="TreeAddform.codeKeyAttrValue"
                active-color="#13ce66"
                active-text="是"
                inactive-color="#ff4949"
                inactive-text="否"
                @change="switchChange">
              </el-switch>
            </el-form-item>
            <el-form-item label="相似查询规则：" label-width="150px">
              <el-input v-model="TreeAddform.codeResembleRuleOidName" autocomplete="off" @focus="simFouce"
                        style="width: 585px"></el-input>
              <el-input v-model="TreeAddform.codeResembleRuleOidName" autocomplete="off" style="width: 585px"
                        @focus="simFouce"></el-input>
            </el-form-item>
          </el-form>
          <div slot="footer" class="dialog-footer">
            <el-button @click="TreeAddFormVisible = false">取 消</el-button>
            <el-button @click="TreeEscHandler">取 消</el-button>
            <el-button type="primary" @click="TreeAddHandler">确 定</el-button>
          </div>
        </el-dialog>
        <!--        修改对话框-->
        <!-- 修改对话框-->
        <el-dialog :visible.sync="TreeEditFormVisible" append-to-body title="修改分类">
          <classifyTreeform ref="childForm" :loneTreeNewForm="TreeList" :nodeList="nodeList" :flag="'edit'" @MasterHandler="MasterHandler" :Editclose=" ()=>{TreeEditFormVisible=false}" :TreeFlag="TreeFlagCode" ::nodeClickList="nodeClickList" @referTreeForm="referTreeForm" @flushed="flushed"></classifyTreeform>
          <classifyTreeform ref="childForm" :Editclose=" ()=>{TreeEditFormVisible=false}" :TreeFlag="editTreeFLagCode"
                            :flag="'edit'"
                            :loneTreeNewForm="TreeEditObj" :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"
                   style="height: calc(100vh - 230px);"
                   @node-click="nodeClick"
                   class="classifyTree"
        >
        </avue-tree>
        </div>
        <!-- 分类授权对话框-->
        <classify-auth-dialog
          :TreeNode="TreeEditObj"
          :classifyData="classifyData"
          :visible.sync="classifyAuthVisible"
        ></classify-auth-dialog>
        <!-- 数据授权对话框 -->
        <data-auth-dialog
          :TreeNode="TreeEditObj"
          :classifyData="classifyData"
          :visible.sync="dataAuthVisible"
        ></data-auth-dialog>
      </basic-container>
    </el-aside>
    <el-main>
      <basic-container style="height: calc(100vh - 150px);">
      <basic-container>
        <!--        右侧表格-->
        <avue-tabs :option="tabOption" @change="handleChange"></avue-tabs>
        <span v-if="type.prop==='tab1'">
           <classifyTreeform ref="childForm" :loneTreeNewForm="TreeList" :nodeList="nodeList" :flag="'renonly'" ></classifyTreeform>
           <classifyTreeform ref="childForm" :flag="'renonly'" :loneTreeNewForm="TreeEditObj"
                             :nodeList="nodeList"></classifyTreeform>
        </span>
        <span v-else-if="type.prop==='tab2'">
            <basic-container>
               <avue-crud ref="textCrud" v-model="crudForm" v-loading="FormLoing" :data="this.Formlist" :option="this.crudTreeOption"
               <avue-crud ref="textCrud" v-model="crudForm" v-loading="FormLoing" :data="this.Formlist"
                          :option="this.crudTreeOption"
                          @row-save="CrudRowSave"
                          @row-del="CrudRowDel"
                          @row-update="CrudRowUpdata"
                          @row-click="rowHandle"
               >
                  <template slot="radio" slot-scope="{row}">
                       <el-radio v-model="selectRow" :label="row.$index" style="padding-left: 10px !important;">{{''}}</el-radio>
                       <el-radio v-model="selectRow" :label="row.$index"
                                 style="padding-left: 10px !important;">{{ '' }}</el-radio>
                  </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 v-if="permissionList.FindStatus" plain size="small" type="primary"
                         @click="FindeHanler">查询</el-button>
              <el-button v-if="permissionList.TemRefreshStatus" plain size="small" type="primary"
                         @click="TemRefresh">刷新</el-button>
              <el-button v-if="permissionList.CloneBtnStuatus" plain size="small" type="primary" @click="CloneBtn">从其它模板克隆</el-button>
              <!--              查询对话框-->
           <el-dialog :visible.sync="FindFormVisible" append-to-body title="高级查询">
              <div>
                <el-button size="small" type="primary" @click="AdvQueries">查询</el-button>
                <el-button size="small" type="primary">重置</el-button>
              </div>
             <div style="padding-left: 80px;margin-top: 15px;">
               <template v-for="(value, key) in FindSelect">
                <div style="display: flex; justify-content: space-around; width: 85%; margin-bottom: 15px">
                <el-select v-model="FindSelect[key]" placeholder="请选择" style="width: 28%"
                           @change="handleSelectChange(key)">
                  <el-option label="模板编号" value="0"></el-option>
                  <el-option label="模板名称" value="1"></el-option>
                  <el-option label="模板描述" value="2"></el-option>
                  <el-option label="版本号" value="3"></el-option>
                  <el-option label="状态" value="4"></el-option>
                 </el-select>
                <el-select v-model="condition[0]" placeholder="请选择" style="width: 15%">
                  <el-option label="包含" value="0"></el-option>
                  <el-option label="等于" value="1"></el-option>
                </el-select>
              <el-input v-model="QueryArray[key]" style="width: 49%"></el-input>
          <span> <i class="el-icon-delete" style="font-size: 22px;margin-top:8px;margin-left: 10px"/></span>
           <el-dialog :visible.sync="FindFormVisible" append-to-body title="高级查询" width="30%" @close="searchReset">
             <div style="text-align: center; margin-top: 5px;">
              <el-select v-model="searchSelect" style="width: 35%">
                <el-option v-for="item in crudFindTreeArray" :key="item.field" :label="item.title"
                           :value="item.queryField"></el-option>
              </el-select>
                <el-input v-model="SearchValue"
                          placeholder="请输入关键字进行查询" style="width: 45%; margin-left: 5px;"></el-input>
             </div>
          </template>
        </div>
                  <span slot="footer" class="dialog-footer">
                <el-button type="primary" @click="advQueries">查询</el-button>
                <el-button type="danger" @click="searchReset">重置</el-button>
                  </span>
           </el-dialog>
              <!--            模板克隆  -->
                <el-dialog :visible.sync="CloneVisible" append-to-body title="克隆模板">
                <el-dialog :before-close="cloneClose" :visible.sync="CloneVisible" append-to-body title="克隆模板">
                  <el-container>
                    <el-aside width="300px">
                      <div style="margin-bottom: 5px"><el-tag>主题库分类</el-tag></div>
                      <!--                      克隆模板的树 沿用首页树的loading和option，但是data和v-model绑定的数据创建一个新的变量，另外点击方法也是重新获取来操作克隆模板的数据-->
                        <avue-tree  v-model="TreeAvueform" v-loading="loading" :data="Treedata"
                                    :defaultExpandAll="false"
                                    :option="Treeoption"
                                    style="height: 50.5vh;margin-right: 10px"
                                    @node-click="ClonenodeClick"
                        <avue-tree ref="cloneTree" v-model="TreeAvueform" v-loading="loading" :data="Treedata"
                                   :defaultExpandAll="false"
                                   :option="Treeoption"
                                   style="height: 50.5vh;margin-right: 10px;width: 300px"
                                   @node-click="ClonenodeClick"
                        >
                        </avue-tree>
                    </el-aside>
@@ -146,8 +204,10 @@
                                 :value="item.value">
                              </el-option>
                             </el-select>
                            <el-input v-model="CloneFind" size="small" style="width: 40%;margin-left: 15px" placeholder="输入值后按回车进行模糊查询"></el-input>
                             <el-button size="small" type="primary" plain style="margin-left: 10px" @click="CloneEnterFind"  @keyup.enter.native="CloneEnterFind">查询</el-button>
                            <el-input v-model="CloneFind" placeholder="输入值后按回车进行模糊查询" size="small"
                                      style="width: 40%;margin-left: 15px"></el-input>
                             <el-button plain size="small" style="margin-left: 10px" type="primary"
                                        @click="CloneEnterFind" @keyup.enter.native="CloneEnterFind">查询</el-button>
                           </div>
                            <avue-crud v-model="ClonecrudForm" v-loading="FormLoing" :data="this.CloneFormlist"
                                       :option="this.ClonecrudTreeOption"
@@ -157,163 +217,117 @@
                         </div>
                       </el-main>
                     </el-container>
                    </el-container >
                   <div style="display: flex; justify-content: flex-end; align-items: center;margin-top: 10px" >
                    </el-container>
                   <div style="display: flex; justify-content: flex-end; align-items: center;margin-top: 10px">
                     <el-button size="small " type="primary" @click="Clonehandler">确定</el-button>
                     <el-button size="small" @click="CloneVisible=false" >取消</el-button>
                     <el-button size="small" @click="cloneClose">取消</el-button>
                   </div>
                      <el-dialog
                        width="30%"
                        title="克隆模板"
                        :visible.sync="CloneinnerVisible"
                        append-to-body>
                        append-to-body
                        title="克隆模板"
                        width="30%">
                        <div>
                          <avue-form :option="CloneOption" @submit="Clonesubmit" v-model="CloneModel"></avue-form>
                          <avue-form v-model="CloneModel" :option="CloneOption" @submit="Clonesubmit"></avue-form>
                        </div>
                    </el-dialog>
                </el-dialog>
            </template>
                  <template #menu="{ size, row ,index}">
                    <el-button type="text"
                               v-if="row.lcStatus == 'Editing'"
                    <el-button v-if="row.lcStatus == 'Editing'"
                               :size="size"
                               icon="el-icon-edit-outline "
                               :size="size"
                               type="text"
                               @click="$refs.textCrud.rowEdit(row)">编辑</el-button>
                    <el-button type="text"
                               v-if="row.lcStatus == 'Editing'"
                               icon="el-icon-delete"
                    <el-button v-if="row.lcStatus == 'Editing'"
                               :size="size"
                               icon="el-icon-delete"
                               type="text"
                               @click="$refs.textCrud.rowDel(row,index)">删除</el-button>
                <el-button
                  v-show="row.lcStatus === 'Released'"
                  @click="upAndStopAndStart(row, 'upVersion')"
                  :loading="row.upVersionLoad"
                  :size="size"
                  icon="el-icon-upload2"
                  type="text"
                  :size="size"
                  @click="upAndStopAndStart(row, 'upVersion')"
                >升版</el-button
                >
                <el-button
                  v-show="row.lcStatus === 'Released'"
                  @click="upAndStopAndStart(row, 'stopLose')"
                  :loading="row.stopLoseLoad"
                  :size="size"
                  icon="el-icon-circle-close"
                  type="text"
                  :size="size"
                  @click="upAndStopAndStart(row, 'stopLose')"
                >停用/失效</el-button
                >
                <el-button
                  v-show="['Disabled', 'Editing'].includes(row.lcStatus)"
                  @click="upAndStopAndStart(row, 'startRelease')"
                  :loading="row.startReleaseLoad"
                  :size="size"
                  icon="el-icon-circle-check"
                  type="text"
                  :size="size"
                  @click="upAndStopAndStart(row, 'startRelease')"
                >启用/发布</el-button
                >
              </template>
          </avue-crud>
          </basic-container>
          <templatePro :ProData="this.ProData" :rowIndex="this.selectRow" :crudOid="this.crudOid" :crudLCStatus="this.crudLCStatus" :crudArray="this.crudArray" :Formlist="this.Formlist" :codeClassifyOid="this.codeClassifyOid"></templatePro>
          <templatePro :Formlist="this.Formlist" :ProData="this.ProData" :btnAuthList="btnAuthList"
                       :codeClassifyOid="this.codeClassifyOid" :crudArray="this.crudArray"
                       :crudLCStatus="this.crudLCStatus"
                       :crudOid="this.crudOid" :rowIndex="this.selectRow"></templatePro>
        </span>
        <!--     编码规则-->
        <el-dialog  :visible.sync="MasterdialogVisible"   title="为【编码规则】选取值" append-to-body>
          <template>
            <el-select v-model="SelectValue" placeholder="请选择" style="width: 135px">
              <el-option
                v-for="item in SelectOption"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                style="width: 150px">
              </el-option>
            </el-select>
            <el-input style="width: 260px;margin-left: 15px" placeholder="输入值后进行模糊查询" v-model="SelectFInd"></el-input>
            <el-button size="small"  type="primary" plain @click="SelectFindeHandler" style="margin-left: 20px">查询</el-button>
          </template>
          <avue-crud :data="masterData" :option="masterOption" @select="masterSelect"></avue-crud>
          <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.coderuleoidName ==''?'未设置值':this.TreeAddform.coderuleoidName}}]</div>
            <div style="padding-top: 10px;display: flex; justify-content: flex-end;float: right;overflow: hidden" >
              <el-button type="primary" size="small" @click="MasterHandlerClick">确定</el-button>
              <el-button  size="small" @click="MasterdialogVisible=false">取消</el-button>
            </div>
          </div>
        </el-dialog>
        <ThemeChildren
          ref="ThemeMasterChildren"
          :SelectOption="SelectOption"
          :TreeAddform="TreeAddform"
          :visible.sync="MasterdialogVisible"
          code-lcstatus="Released"
          codeName="codeRuleOidName"
          codeType="coderule"
          dialogTitle="编码规则"
          @defineHandler="handlerDefine"
        ></ThemeChildren>
        <!--      关键属性查询规则-->
        <el-dialog  :visible.sync="KeydialogVisible"   title="为【关键属性查询规则】选取值" append-to-body>
          <template>
            <el-select v-model="SelectValue" placeholder="请选择" style="width: 135px">
              <el-option
                v-for="item in SelectOption"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                style="width: 150px">
              </el-option>
            </el-select>
            <el-input style="width: 260px;margin-left: 15px" placeholder="输入值后进行模糊查询" v-model="SelectFInd"></el-input>
            <el-button size="small"  type="primary" plain @click="KeySelectFindeHandler" style="margin-left: 20px">查询</el-button>
          </template>
          <avue-crud :data="KeyData" :option="masterOption" @select="KeySelect"></avue-crud>
          <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}}]</div>
            <div style="padding-top: 10px;display: flex; justify-content: flex-end;float: right;overflow: hidden" >
              <el-button type="primary" size="small" @click="KeyHandlerClick">确定</el-button>
              <el-button  size="small" @click="KeydialogVisible=false">取消</el-button>
            </div>
          </div>
        </el-dialog>
        <!--      相似项查询规则-->
        <el-dialog  :visible.sync="SimidialogVisible"   title="为【相似项查询规则】选取值" append-to-body>
          <template>
            <el-select v-model="SelectValue" placeholder="请选择" style="width: 135px">
              <el-option
                v-for="item in SelectOption"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                style="width: 150px">
              </el-option>
            </el-select>
            <el-input style="width: 260px;margin-left: 15px" placeholder="输入值后进行模糊查询" v-model="SelectFInd"></el-input>
            <el-button size="small"  type="primary" plain @click="SimSelectFindeHandler" style="margin-left: 20px">查询</el-button>
          </template>
          <avue-crud :data="simData" :option="masterOption" @select="simSelect"></avue-crud>
          <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}}]</div>
            <div style="padding-top: 10px;display: flex; justify-content: flex-end;float: right;overflow: hidden" >
              <el-button type="primary" size="small" @click="simHandlerClick">确定</el-button>
              <el-button  size="small" @click="SimidialogVisible=false">取消</el-button>
            </div>
          </div>
        </el-dialog>
<!--        业务类型-->
        <el-dialog  :visible.sync="BtmdialogVisible"   title="为【业务类型规则】选取值" append-to-body>
          <template>
            <el-select v-model="SelectValue" placeholder="请选择" style="width: 135px !important;">
              <el-option
                v-for="item in SelectOption"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                style="width: 130px">
              </el-option>
            </el-select>
            <el-input style="width: 260px;margin-left: 15px" placeholder="输入值后进行模糊查询" v-model="SelectFInd"></el-input>
            <el-button size="small"  type="primary" plain @click="BtmSelectFindeHandler" style="margin-left: 20px">查询</el-button>
          </template>
          <avue-crud :data="BtmData" :option="masterOption" @select="btmSelect"></avue-crud>
          <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.btmTypeName}}]</div>
            <div style="padding-top: 10px;display: flex; justify-content: flex-end;float: right;overflow: hidden" >
              <el-button type="primary" size="small" @click="btmHandlerClick">确定</el-button>
              <el-button  size="small" @click="BtmdialogVisible=false">取消</el-button>
            </div>
          </div>
        </el-dialog>
<!--        导出-->
          <ThemeImport :visible.sync="ThemeImportVisible" :codeClassifyOid="this.codeClassifyOid"></ThemeImport>
        <ThemeChildren
          ref="ThemeKeyChildren"
          :SelectOption="SelectOption"
          :TreeAddform="TreeAddform"
          :visible.sync="KeydialogVisible"
          code-lcstatus="Enabled"
          codeName="codeKeyAttrRepeatOidName"
          codeType="codekeyattrrepeat"
          dialogTitle="关键属性查询规则"
          @defineHandler="handlerDefine"
        ></ThemeChildren>
        <!--      相似项查询规则 -->
        <ThemeChildren
          ref="ThemeSimChildren"
          :SelectOption="SelectOption"
          :TreeAddform="TreeAddform"
          :visible.sync="SimidialogVisible"
          code-lcstatus="Enabled"
          codeName="codeResembleRuleOidName"
          codeType="coderesemblerule"
          dialogTitle="相似项查询规则"
          @defineHandler="handlerDefine"
        ></ThemeChildren>
        <!--        业务类型 -->
        <ThemeChildren
          ref="ThemeBtmChildren"
          :SelectOption="btmSelectOption"
          :TreeAddform="TreeAddform"
          :visible.sync="BtmdialogVisible"
          codeName="btmTypeName"
          codeType="btmCode"
          dialogTitle="业务类型"
          @defineHandler="handlerDefine"
        ></ThemeChildren>
        <!--        导出-->
        <ThemeImport :codeClassifyOid="this.codeClassifyOid" :visible.sync="ThemeImportVisible"></ThemeImport>
      </basic-container>
    </el-main>
  </el-container>
@@ -324,7 +338,6 @@
  TreeSave,
  TreeDel,
  TreeCheckDel,
  TreeObjcet,
  TreeEnable,
  TreeDeactivate,
  gridCodeClassifyTemplate,
@@ -338,88 +351,106 @@
  upVersion,
  stopLose,
  startRelease,
  exportClassify
  exportClassify,
  flowingDependencyGen
} from "@/api/template/templateAttr";
import {defaultReferDataGrid,referDataGrid} from '@/api/MasterData/master'
import {defaultReferDataGrid, referDataGrid} from '@/api/MasterData/master'
import func from "@/util/func";
import {mapGetters} from "vuex";
import ClassifyAuth from './ClassifyAuthDialog.vue';
import {getAuthButtonList} from '@/api/system/classifyAuth'
import ThemeChildren from '@/components/FormTemplate/ThemeChildren'

export default {
  components: {ClassifyAuth, ThemeChildren},
  name: "classifyTrees.vue",
  //使用inject接收参数
  //Treeoption左侧树新增表单项 Treedata左侧树节点 配置项 crudTreeOption右侧表格配置项 crudTreeData右侧表格显示内容
  //Treeform右侧表单配置项
  inject: ["crudTreeData"],
  data() {
    return {
      crudFindTreeArray: [
        {
          title: '模板编号',
          field: 'id',
          fieldType: 'text',
          queryField: 'id'
        },
        {
          title: '模板名称',
          field: 'name',
          fieldType: 'text',
          queryField: 'name'
        },
        {
          title: '模板描述',
          field: 'description',
          fieldType: 'text',
          queryField: 'description'
        },
        {
          title: '版本号',
          field: 'revisionSeq',
          fieldType: 'text',
          queryField: 'revisionSeq'
        },
        {
          title: '状态',
          field: 'lcStatusText',
          fieldType: 'text',
          queryField: 'lcStatusText'
        },
      ],
      searchSelect: 'id',
      SearchValue: '',
      allButtons: Boolean,
      btnAuthList: [],
      activeName: 'first',
      masterRow: null,
      AddLoading: false,
      // 定义一个变量来保存树请求的数量
      requestCount: null,
      //导入状态框
      ThemeImportVisible:false,
      selectRow:'',
      ThemeImportVisible: false,
      selectRow: '',
      selectList: [],
      //树节点显示隐藏
      TreeFlagCode:false,
      TreeFlagCode: true,
      //修改节点显示隐藏
      editTreeFLagCode: false,
      //编码规则
      MasterdialogVisible:false,
      masterData:[],
      masterSelectList:[],
      masterName:"",
      masterOid:"",
      //关键属性btmTypeId
      KeydialogVisible:false,
      KeyName:"",
      KeyOid:"",
      KeyData:[],
      KeySelectLIst:[],
      MasterdialogVisible: false,
      //关键属性
      KeydialogVisible: false,
      //相似项
      simName:"",
      simOid:"",
      simData:[],
      SimidialogVisible:false,
      simSelectList:[],
      SimidialogVisible: false,
      //业务类型
      btmName:"",
      btmOid:"",
      BtmData:[],
      BtmdialogVisible:false,
      btmSelectList:[],
      masterOption:{
        addBtn:false,
        index:true,
        border:true,
        selection:true,
        menu:false,
        height:380,
        column:[
          {
            label:'英文名称',
            prop:'id'
          },
          {
            label:'中文名称',
            prop:'name'
          },
          {
            label:'描述',
            prop:'description'
          }
        ]
      },
      SelectOption:[
      BtmdialogVisible: false,
      SelectOption: [
        {
          value: 'id',
          label: '英文名称',
        },
        {
          value: 'name',
          label: '中文名称'
        },
        }

      ],
      btmSelectOption: [
        {
          value: 'id',
          label: '英文名称'
        }
          label: '业务类型编号'
        },
        {
          value: 'name',
          label: '业务类型名称'
        },
      ],
      SelectValue:"",
      SelectFInd:"",
      addFlag:false,
      addFlag: false,
      // 表格当前行id
      crudOid:"",
      crudOid: "",
      //当前选中模板状态
      crudLCStatus:'',
      crudLCStatus: '',
      //表格当前选择数组
      crudArray:[],
      crudArray: [],
      //模板属性展示内容
      ProData: [],
      //回车键搜索绑定值
@@ -427,12 +458,11 @@
        searchCondition: 'id',
        findText: "",
      },

      //高级查询对话框
      FindFormVisible: false,
      //克隆模板对话框
      CloneVisible: false,
      CloneinnerVisible:false,
      CloneinnerVisible: false,
      //高级查询下拉框
      FindSelect: {
        id: "0",
@@ -459,9 +489,13 @@
      TreeEditFormVisible: false,
      //添加对话框
      TreeAddFormVisible: false,
      //分类授权对话框
      classifyAuthVisible: false,
      //数据授权对话框
      dataAuthVisible: false,
      //当前点击项
      nodeClickList: "",
      ClonenodeClickList:"",
      ClonenodeClickList: "",
      //分类和主题库状态
      TreeFlag: false,
      //树加载
@@ -478,33 +512,34 @@
        //编码规则
        codeRuleOidName: "",
        //存储的业务类型
        btmTypeName: ""
        btmTypeName: "",
        codeKeyAttrValue: true,
        isParticipateCheck: 1
      },
      rules: {
        id: [
          { required: true, message: '请输入名称', trigger: 'blur' },
          {required: true, message: '请输入编号', trigger: 'blur'},
        ],
        name:[
          { required: true, message: '请输入编号', trigger: 'blur' },
        name: [
          {required: true, message: '请输入名称', trigger: 'blur'},
        ],
        btmTypeName:[
          { required: true, message: '请选择业务类型', trigger: 'blur' },
        btmTypeName: [
          {required: true, message: '请选择业务类型', trigger: 'blur'},
        ]
      },
      //avue-tree数据，暂时没有作用，里面功能用element写了，只用avue的一个树组件不用内置表单了。
      TreeAvueform: {},
      //克隆树
      CloneTreeAvueform:{},
      CloneTreeAvueform: {},
      Treedata: [],
      CloneTreedata:[],
      CloneTreedata: [],
      Treeoption: {
        height: 'auto',
        addBtn: false,
        editBtn: false,
        delBtn: false,
        defaultExpandAll: false,
        menu: false,
        // //这个是多选
        // multiple: true,
      },
      //模板管理form
      crudForm: "",
@@ -517,7 +552,7 @@
      //克隆模板下拉框value
      Clonevalue: "0",
      //克隆模板搜索输入框
      CloneFind:"",
      CloneFind: "",
      //克隆模板下拉框数据
      CloneSelectOptions: [{
        value: '0',
@@ -529,19 +564,19 @@
        },
      ],
      //克隆模板确认表单数据
      CloneOption:{
        column:[
      CloneOption: {
        column: [
          {
            label:'模板编号',
            prop:'id',
            label: '模板编号',
            prop: 'id',
            rules: [{
              required: true,
              message: "请输入模板编号",
              trigger: "blur"
            }]
          }, {
            label:'模板名称',
            prop:'name',
            label: '模板名称',
            prop: 'name',
            rules: [{
              required: true,
              message: "请输入模板名称",
@@ -549,18 +584,19 @@
            }]
          },
          {
            label:'描述',
            prop:'desc',
            type:'textarea',
            span:24
            label: '描述',
            prop: 'description',
            type: 'textarea',
            span: 24
          }
        ]
      },
      //克隆模板双向绑定数据
      CloneModel:[],
      CloneSelect:[],
      CloneModel: [],
      CloneSelect: [],
      //克隆模板option
      ClonecrudTreeOption: {
        columnBtn: false,
        index: true,
        border: true,
        menu: false,
@@ -629,7 +665,7 @@
        }
      ],
      //传递给子组件动态渲染的数据
      TreeList: {},
      TreeEditObj: {},
      codeClassifyOid: "",
      upAndStopAndStartData: {
        upVersion: {
@@ -652,32 +688,71 @@
        }
      },
      //模板管理编辑
      showEditBtn:false,
      showEditBtn: false,
      //传递给分类授权子组件对话框的当前选中的分类节点信息
      classifyData: "",

    }
  },
  //tab栏默认是表格
  watch: {},
  mounted() {
    this.type = this.tabOption.column[0];
    this.type = this.tabOption.column[0] || {label: '基本信息', prop: 'tab1'};
    this.getAttr();
    const treeEle = this.$refs.tree.$el
    treeEle.addEventListener('click', (e) => {
      if (e.target.nodeName !== 'SPAN') {
        this.$refs.tree.setCurrentKey(null)
        this.nodeClickList = {}
        this.TreeList=[]
        this.TreeFlagCode=false;
    // const treeEle = this.$refs.tree.$el;
    const TreeBox = this.$refs.TreeBox;
    // console.log(this.$refs.TreeBox)
    // treeEle.addEventListener('click', (e) => {
    //   console.log('2')
    //   if (e.target.nodeName !== 'SPAN') {
    //     this.$refs.tree.setCurrentKey(null);
    //     this.nodeClickList = {};
    //     this.TreeFlagCode = true;
    //     this.allButtons = false;
    //   }
    // }, true)
    TreeBox.addEventListener('click', (e) => {
      if (e.target.nodeName !== 'SPAN' && e.target.nodeName !== 'BUTTON') {
        this.$refs.tree.setCurrentKey(null);
        this.nodeClickList = {};
        this.TreeFlagCode = true;
        this.allButtons = false;
      }
    }, true)
  },
  computed:{
    crudTreeOption(){
      return{
  computed: {
    ...mapGetters(["permission"]),
    permissionList() {
      return {
        TreeAddStatus: this.vaildData(this.permission.classifyTree.tree_add, false),
        TreeEditStatus: this.vaildData(this.btnAuthList.tree_edit, false),
        TreeDelStatus: this.vaildData(this.btnAuthList.tree_delete, false),
        flushedStatus: this.vaildData(this.btnAuthList.tree_break, false),
        EnableStatus: this.vaildData(this.btnAuthList.tree_enable, false),
        DeactivateStatus: this.vaildData(this.btnAuthList.tree_stop, false),
        ImportExcelStatus: this.vaildData(this.btnAuthList.tree_import, false),
        ExportExcelStatus: this.vaildData(this.btnAuthList.tree_export, false),
        FindStatus: this.vaildData(this.btnAuthList.manage_search, false),
        TemRefreshStatus: this.vaildData(this.btnAuthList.manage_break, false),
        CloneBtnStuatus: this.vaildData(this.btnAuthList.manage_clone, false),
        flowingBtnStuatus: this.vaildData(this.btnAuthList.tree_flowing, false),
        classifyAuth: this.vaildData(this.btnAuthList.classify_auth, false),
      }
    },
    treeStyle() {
      return {
        height: this.allButtons ? '610px' : '690px',
      };
    },
    crudTreeOption() {
      return {
        index: true,
        border: true,
        height:180,
        addBtn:this.Formlist.length<=0  && this.nodeClickList != "",
        editBtn:false,
        delBtn:false,
        columnBtn: false,
        height: 150,
        refreshBtn: false,
        addBtn: this.Formlist.length <= 0 && this.nodeClickList != "",
        editBtn: false,
        delBtn: false,
        column: [
          {
            label: '',
@@ -705,17 +780,17 @@
          },
          {
            label: "模板描述",
            prop:"description"
            prop: "description"
          },
          {
            label:"版本号",
            prop:"revisionSeq",
            display:false
            label: "版本号",
            prop: "revisionSeq",
            display: false
          },
          {
            label:"状态",
            prop:"lcStatusText",
            display:false
            label: "状态",
            prop: "lcStatusText",
            display: false
          }
        ],
        batchImportData: {
@@ -724,288 +799,155 @@
          codeClassifyOid: ''
        }
      }
    }
    },
  },
  created() {

  },
  methods: {
    // 分类授权对话框打开
    classifyAuthHandler() {
      if (this.nodeClickList.oid === '' || this.nodeClickList.oid === undefined) {
        this.$message.warning('请至少选择一条数据！')
        return;
      }
      // this.classifyData = this.nodeClickList;
      this.classifyAuthVisible = true;
    },
    // 数据授权对话框打开
    dataAuthHandler() {
      if (this.nodeClickList.oid === '' || this.nodeClickList.oid === undefined) {
        this.$message.warning('请至少选择一条数据！')
        return;
      }
      // this.classifyData = this.nodeClickList;
      this.dataAuthVisible = true;
    },
    flowingDependHandler() {
      if (this.nodeClickList.length <= 0) {
        this.$message.warning('请至少选择一条数据！')
        return;
      }
      flowingDependencyGen(this.nodeClickList.oid).then(res => {
        this.$message.success('操作成功')
      }).catch(res => {
        this.$message.error(res)
      })
    },
    // switch
    switchChange() {
      this.TreeAddform.isParticipateCheck = this.TreeAddform.codeKeyAttrValue === true ? 1 : 0;
    },
    // 关闭弹窗
    /** 导入 */
    ImportExcel(){
      this.ThemeImportVisible=true;
    ImportExcel() {
      this.ThemeImportVisible = true;
    },
    /** 导出 */
    ExportExcel(){
      if(this.nodeClickList){
        exportClassify({oid:this.nodeClickList.oid}).then(res=>{
          console.log(res)
          func.downloadFileByBlob(res);
    ExportExcel() {
      if (this.nodeClickList) {
        exportClassify({oid: this.nodeClickList.oid}).then(res => {
          func.downloadFileByBlobHandler(res);
        })
      }else {
      } else {
        this.$message.warning('请先选择要导出的主题库分类')
      }
    },
    //模板管理已发布编辑
    // checkShowEditBtn() {
    //   this.showEditBtn = this.Formlist.some(item => item.lcStatus === 'Released');
    // },
    //树新增参照子组件事件
    handlerDefine(val) {
      const codeTypeMap = {
        coderule: {
          nameKey: 'codeRuleOidName',
          oidKey: 'codeRuleOid'
        },
        codekeyattrrepeat: {
          nameKey: 'codeKeyAttrRepeatOidName',
          oidKey: 'codeKeyAttrRepeatOid'
        },
        coderesemblerule: {
          nameKey: 'codeResembleRuleOidName',
          oidKey: 'codeResembleRuleOid'
        },
        btmCode: {
          nameKey: 'btmTypeName',
          oidKey: 'btmTypeId',
          clearValidate: true
        }
      };

      const codeType = codeTypeMap[val.codeType];
      if (codeType) {
        if (codeType.clearValidate) {
          this.$refs.myForm.clearValidate();
        }
        this.$set(this.TreeAddform, codeType.nameKey, val.crudName);
        this.$set(this.TreeAddform, codeType.oidKey, val.crudOid);
      }
    },
    //编码规则失焦
    CodeFoucus(){
      this.MasterdialogVisible=true;
      this.MasterdefaultRend()
    CodeFoucus() {
      this.MasterdialogVisible = true;
      this.$refs.ThemeMasterChildren.defaultSearchRend()
    },
    //编码多选
    masterSelect(row){
    if(row.length>0){
      this.masterSelectList=row;
      this.masterName=row[0].name;
      this.masterOid=row[0].oid;
    }
    //关键属性失焦
    Keyfouce() {
      this.KeydialogVisible = true;
      this.$refs.ThemeKeyChildren.defaultSearchRend();
    },
    //编码规则查询
    SelectFindeHandler(){
      if(this.SelectValue == 'id'){
        const masterParameter={
          'conditionMap[id]':this.SelectFInd
        }
        this.MasterdefaultRend(masterParameter);
        this.SelectValue=""
        this.SelectFInd=""
      }else if(this.SelectValue == 'name'){
        const masterParameter={
          'conditionMap[name]':this.SelectFInd
        }
        this.MasterdefaultRend(masterParameter)
        this.SelectValue=""
        this.SelectFInd=""
      }
    },
    //编码规则确定
    MasterHandlerClick(){
      if(this.masterSelectList.length>1){
        this.$message.warning('只能选择一条数据')
      }else if(this.masterSelectList.length<=0){
        this.$message.warning('请选择一条数据')
      }else {
        this.MasterdialogVisible=false;
        this.masterSelectList=[]
        this.$set(this.TreeAddform,'codeRuleOidName',this.masterName)
        this.$set(this.TreeAddform,'codeRuleOid',this.masterOid)
        this.$emit('MasterHandler',this.loneTreeNewForm)
      }
    },
    //编码接口
    MasterdefaultRend(){
      defaultReferDataGrid({
        referType:'coderule',
        isMuti:'false',
        'conditionMap["lcstatus"]':'Released'
      }).then(res=>{
        this.masterData=res.data.records;
      })
    },
    Keyfouce(){
      this.KeydialogVisible=true;
      this.KeydefaultRend()
    },
    //关键属性确定
    KeyHandlerClick(){
      if(this.KeySelectLIst.length>1){
        this.$message.warning('只能选择一条数据')
      }else if(this.KeySelectLIst.length<=0){
        this.$message.warning('请选择一条数据')
      }else {
        this.KeydialogVisible=false;
        this.KeySelectLIst=[]
        this.$set(this.TreeAddform,'codeKeyAttrRepeatOidName',this.KeyName)
        this.$set(this.TreeAddform,'codeKeyAttrRepeatOid',this.KeyOid)
      }
    },
    //关键属性查询
    KeySelectFindeHandler(){
      if(this.SelectValue == 'id'){
        const masterParameter={
          'conditionMap[id]':this.SelectFInd
        }
        this.KeydefaultRend(masterParameter);
        this.SelectValue="";
        this.SelectFInd="";
      }else if(this.SelectValue == 'name'){
        const masterParameter={
          'conditionMap[name]':this.SelectFInd
        }
        this.KeydefaultRend(masterParameter)
        this.SelectValue=""
        this.SelectFInd=""
      }
    },
    //关键属性接口
    KeydefaultRend(){
      defaultReferDataGrid({
        referType:'codekeyattrrepeat',
        isMuti:'false',
        'conditionMap["lcstatus"]':'Enabled'
      }).then(res=>{
        this.KeyData=res.data.records;
      })
    },
    // 关键多选
    KeySelect(row){
      this.KeySelectLIst=row;
      this.KeyName=row[0].name;
      this.KeyOid=row[0].oid;
    },
    //关键失焦
    simFouce(){
      this.SimidialogVisible=true;
      this.simdefaultRend()
    },
    //相似项确定
    simHandlerClick(){
      if(this.simSelectList.length>1){
        this.$message.warning('只能选择一条数据')
      }else if(this.simSelectList.length<=0){
        this.$message.warning('请选择一条数据')
      }else {
        this.SimidialogVisible=false;
        this.simSelectList=[]
        this.$set(this.TreeAddform,'codeResembleRuleOidName',this.simName)
        this.$set(this.TreeAddform,'codeResembleRuleOid',this.simOid)
        this.$emit('MasterHandler',this.loneTreeNewForm)
      }
    },
    //相似项查询
    SimSelectFindeHandler(){
      if(this.SelectValue == 'id'){
        const masterParameter={
          'conditionMap[id]':this.SelectFInd
        }
        this.simdefaultRend(masterParameter);
        this.SelectValue=""
        this.SelectFInd=""
      }else if(this.SelectValue == 'name'){
        const masterParameter={
          'conditionMap[name]':this.SelectFInd
        }
        this.simdefaultRend(masterParameter)
        this.SelectValue=""
        this.SelectFInd=""
      }
    },
    //  相似项多选
    simSelect(row){
      this.simSelectList=row;
      this.simName=row[0].name;
      this.simOid=row[0].oid;
    },
    //相似项项接口
    simdefaultRend(){
      defaultReferDataGrid({
        referType:'coderesemblerule',
        isMuti:'false',
        'conditionMap["lcstatus"]':'Enabled'
      }).then(res=>{
        this.simData=res.data.records;
      })
    //相似项失焦
    simFouce() {
      this.SimidialogVisible = true;
      this.$refs.ThemeSimChildren.defaultSearchRend();
    },
    //业务类型失焦
    btmFoucus(){
      this.BtmdialogVisible=true;
      this.btmdefaultRend()
    },
    //业务类型确定
    btmHandlerClick(){
      if(this.btmSelectList.length>1){
        this.$message.warning('只能选择一条数据')
      }else if(this.btmSelectList.length<=0){
        this.$message.warning('请选择一条数据')
      }else {
        this.BtmdialogVisible=false;
        this.btmSelectList=[]
        this.$set(this.TreeAddform,'btmTypeName',this.btmName)
        this.$set(this.TreeAddform,'btmTypeId',this.btmOid)
        this.$emit('MasterHandler',this.loneTreeNewForm)
      }
    },
    //业务类型查询
    BtmSelectFindeHandler(){
      if(this.SelectValue == 'id'){
        const masterParameter={
          'conditionMap[id]':this.SelectFInd
        }
        this.btmdefaultRend(masterParameter);
        this.SelectValue=""
        this.SelectFInd=""
      }else if(this.SelectValue == 'name'){
        const masterParameter={
          'conditionMap[name]':this.SelectFInd
        }
        this.btmdefaultRend(masterParameter);
        this.SelectValue="";
        this.SelectFInd="";
      }
    },
    //业务类型多选
    btmSelect(row){
      this.btmSelectList=row;
      this.btmName=row[0].name;
      this.btmOid=row[0].id;
    },
    //业务类型接口
    btmdefaultRend(masterParameter){
      referDataGrid({valueField:'id',isMuti:'false',...masterParameter}).then(res=>{
        this.BtmData=res.data.data.records
      })
    btmFoucus() {
      this.BtmdialogVisible = true;
      this.$refs.ThemeBtmChildren.btmDefaultRend();
    },
    //子传父
    MasterHandler(val){
      this.TreeList=val;
    MasterHandler(val) {
      this.TreeEditObj = val;
    },
    rowHandle(row, column){
      this.selectRow=row.$index;
      this.crudOid=row.oid;
      this.crudLCStatus=row.lcStatus;
    rowHandle(row, column) {
      this.selectRow = row.$index;
      this.crudOid = row.oid;
      this.crudLCStatus = row.lcStatus;
      this.crudArray.push(row);
      console.log(row.$index)
      gridCodeClassifyTemplateAttr({'conditionMap[classifyTemplateOid]': row.oid}).then(res => {
        this.ProData = res.data.data;
        //分类注入数据格式
        this.ProData =  res.data.data.map((item) => {
          //如果分类注入classifyInvokeAttr为空说明是初始状态
          if(item.classifyInvokeAttr !== ''){
            if (!item.hasOwnProperty('classifyInvokeText')) { // 检查classifyInvokeText属性是否存在
              item = {
                ...item,
                classifyInvokeText: {
                  "注入类型": item.classifyInvokeAttr,
                  "注入类型名称": item.classifyInvokeAttrName,
                  "层级设置": item.classifyInvokeLevel,
                  "是否可修改": item.classifyInvokeEditFlag
                }
              };
            }
          }
          return item;
        });
      }).catch(res => {
        this.$message.error(res)
      })
      this.gridCode()
    },
    //分类树数据处理
    getAttr() {
      getAtrrList().then(res => {
        this.Treedata = res.data;
        this.CloneTreedata = res.data;
        this.Treedata.forEach(() => {
          for (let i = 0; i < this.Treedata.length; i++) {
            this.Treedata[i].value = i;
          }
        })
        //调用修改属性名方法
        this.ModifyProperties(this.CloneTreedata, 'name', 'label');
      }).catch(res => {
        this.$message.error(res)
      })
      this.loading = true;
      return new Promise((resolve, reject) => {
        let conditionMaps = {};
        conditionMaps["conditionMap[authType]"] = "classify_auth";
        conditionMaps["conditionMap[buttonCode]"] = "classifyTree";
        // 分类授权中是否具备查看权限
        conditionMaps["conditionMap[menuCode]"] = "classify_view";
        getAtrrList(conditionMaps)
          .then(res => {
            this.Treedata = res.data;
            this.CloneTreedata = res.data;
            this.Treedata.forEach(() => {
              for (let i = 0; i < this.Treedata.length; i++) {
                this.Treedata[i].value = i;
              }
            })
            //调用修改属性名方法
            this.ModifyProperties(this.CloneTreedata, 'name', 'label');
            this.CloneTreedata = this.CloneTreedata.map(item => {
              if (item.attributes.lcStatus === "Disabled") {
                item.label += '【停用】';
              }
              return item;
            });
            this.loading = false;
            resolve(); // 完成请求，调用resolve方法
          })
          .catch(error => {
            this.$message.error(error)
            reject(error); // 请求出错，调用reject方法
          });
      });
    },
    //定义一个修改数据属性名的方法
    ModifyProperties(obj, oldName, newName) {
@@ -1020,36 +962,64 @@
      }
    },
    //树节点添加按钮
    TreeAdd() {
      this.TreeAddFormVisible = true;
      // 判断当前是否有点击子项
      if (this.nodeClickList !== "") {
        this.TreeFlag = true
    async TreeAdd() {
      const loading = this.$loading({
        lock: true,
        text: 'Loading',
        spinner: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.3)'
      });
      try {
        //新增表头名称
        this.TreeFlag = !this.nodeClickList
        await new Promise(resolve => setTimeout(resolve, 500));
        this.TreeAddFormVisible = true;
        loading.close();
      } catch (error) {
        this.$message.error(error);
        loading.close();
      }
    },
    //树节点取消事件
    TreeEscHandler() {
      for (let key in this.TreeAddform) {
        if (key !== 'codeKeyAttrValue' && key !== 'isParticipateCheck') {
          this.TreeAddform[key] = "";
        }
      }
      this.TreeAddform.codeKeyAttrValue = true;
      this.TreeAddform.isParticipateCheck = 1;
      this.TreeAddFormVisible = false;
      // 关闭弹窗清空校验
      this.$refs.myForm.clearValidate();
    },
    //树节点添加事件
    TreeAddHandler() {
      const data = this.TreeAddform;
      // data.btmtypename= this.TreeList.btmtypename
      this.$set(data, "parentCodeClassifyOid", this.nodeClickList.oid);
      TreeSave(data)
        .then(() => {
          this.$message({
            type: "success",
            message: "添加成功!",
          });
          Object.keys(this.TreeAddform).forEach(key => {
            this.TreeAddform[key] = "";
          });
          this.getAttr();
          this.TreeAddFormVisible = false;
        })
        .catch((res) => {
          this.$message({
            type: "warning",
            message: res,
          });
    async TreeAddHandler() {
      if ((!this.TreeAddform.id || !this.TreeAddform.name) || (this.TreeFlagCode && !this.TreeAddform.btmTypeName)) {
        this.$message.warning('请输入内容！');
        return;
      }
      try {
        const data = this.TreeAddform;
        this.$set(data, "parentCodeClassifyOid", this.nodeClickList.oid);
        await TreeSave(data)
        this.$message.success("添加成功!");
        Object.keys(this.TreeAddform).forEach(key => {
          this.TreeAddform[key] = "";
        });
        this.TreeAddform.codeKeyAttrValue = true;
        this.TreeAddform.isParticipateCheck = 1;
        this.getAttr();
        this.TreeAddFormVisible = false;
        //添加完成后右侧清空
        this.ProData = [];
        this.Formlist = [];
      } catch (res) {
        this.$message({
          type: "warning",
          message: res,
        });
      }
    },
    //树节点删除按钮
    TreeDel() {
@@ -1109,7 +1079,7 @@
    },
    //修改回填
    TreeEdit() {
      if ( Object.keys(this.nodeClickList).length<1) {
      if (Object.keys(this.nodeClickList).length < 1) {
        this.$message({
          type: 'warning',
          message: '请先从树上选择一条数据!'
@@ -1119,134 +1089,210 @@
      }
    },
    //树刷新
    flushed() {
      this.loading = true
      this.getAttr()
      setTimeout(() => {
        this.loading = false;
        this.nodeClickList = ""
      }, 600);
    async flushed() {
      await this.getAttr()
      this.$refs.tree.setCurrentKey(null);
      this.nodeClickList = {};
      this.TreeEditObj = {};
      this.TreeFlagCode = true;
    },
    //启用和停用都先判断状态
    //启用
    Enable() {
      if(Object.keys(this.nodeClickList).length<1){
        this.$message.warning('请先从树上选择一条数据')
      }else {
        if (this.FlagObj.lcStatus == "Enabled") {
          this.$message({
            type: 'warning',
            message: '当前分类不是停用状态'
          });
        } else {
          this.$confirm('是否将子分类一并启用？', '提示', {
            confirmButtonText: '是',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            TreeEnable(this.nodeClickList).then(() => {
              this.$message({
                type: 'success',
                message: '启用成功!'
              });
              this.getAttr()
            })
          }).catch(() => {
    async Enable() {
      if (Object.keys(this.nodeClickList).length < 1) {
        this.$message.warning('请先从树上选择一条数据');
        return;
      }
      if (this.FlagObj.lcStatus == "Enabled") {
        this.$message({
          type: 'warning',
          message: '当前分类不是停用状态'
        });
        return;
      }
      this.loading = true;
      try {
        const confirmResult = await this.$confirm('是否将子分类一并启用？', '提示', {
          confirmButtonText: '是',
          cancelButtonText: '取消',
          type: 'warning'
        });
        if (confirmResult) {
          await TreeEnable(this.nodeClickList).then(res => {
            this.$message({
              type: 'info',
              message: '已取消启用'
              type: 'success',
              message: '启用成功!'
            });
          })
          await this.getAttr();

        } else {
          this.$message({
            type: 'info',
            message: '已取消启用'
          });
        }
      } catch (error) {
        // console.error(error);
      } finally {
        this.loading = false;
      }

    },
    //停用
    Deactivate() {
      if(Object.keys(this.nodeClickList).length<1){
        this.$message.warning('请先从树上选择一条数据')
      }else {
        if (this.FlagObj.lcStatus === "Disabled") {
          this.$message({
            type: 'warning',
            message: '当前分类不是启用状态!'
          });
        } else {
          this.$confirm('是否停用当前分类，停用后，子分类也将不能被使用，是否继续？', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            TreeDeactivate(this.nodeClickList).then(() => {
              this.$message({
                type: 'success',
                message: '停用成功!'
              });
              this.nodeClickList['flag'] = true;
              this.getAttr()
            })
          }).catch(() => {
            this.$message({
              type: 'info',
              message: '已取消停用'
            });
          });
        }
    async Deactivate() {
      if (Object.keys(this.nodeClickList).length < 1) {
        this.$message.warning('请先从树上选择一条数据');
        return;
      }

      if (this.FlagObj.lcStatus === "Disabled") {
        this.$message({
          type: 'warning',
          message: '当前分类不是启用状态!'
        });
        return;
      }

      this.loading = true;
      try {
        const confirmResult = await this.$confirm('是否停用当前分类，停用后，子分类也将不能被使用，是否继续？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        });
        if (confirmResult) {
          await TreeDeactivate(this.nodeClickList).then(res => {
            this.$message({
              type: 'success',
              message: '停用成功!'
            });
          })
          this.nodeClickList['flag'] = true;
          await this.getAttr();
        } else {
          this.$message({
            type: 'info',
            message: '已取消停用'
          });
        }
      } catch (error) {
        // console.error(error);
      } finally {
        this.loading = false;
      }
    },
    //树点击事件
    async nodeClick(data) {
      //定义一个模板属性id，数据是模板管理表格里面的oid
      if(data.parentId == ""){
        this.TreeFlagCode=true;

      }
      this.nodeClickList = data
      this.ProData=[];
      this.selectRow=0;
      const response = this.findTheTopLevelNode(data, this.Treedata)
      this.classifyData = response;
      // console.log(response)
      // console.log('response',response.attributes.id)
      this.allButtons = true;
      getAuthButtonList({classifyId: data.oid, code: "classifyTree", authType: "classify_auth"}).then(res => {
        this.btnAuthList = res.data.data;
      }).catch(error => {
        console.log(error)
      })
      //操作新增和修改的业务类型隐藏
      this.TreeFlagCode = !data;
      this.editTreeFLagCode = !data.parentId;
      this.nodeClickList = data;
      this.selectRow = 0;
      this.crudArray = []
      try {
        await TreeObjcet(data.oid).then(res => {
          this.FlagObj = res.data.data
        }).catch(res => {
          this.$message.error(res)
        })
        //模板管理表格数据
        await gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': data.oid}).then(res => {
          this.Formlist = res.data.data.filter(item => {
            if (item.codeclassifyoid != "") {
              this.codeClassifyOid = item.codeclassifyoid
              return item.codeclassifyoid == this.nodeClickList.oid
            }
          })
        }).catch(res => {
          this.$message.error(res)
        })
        //  基本信息表单数据
          await getObjectByOid(this.nodeClickList.oid).then(res => {
            this.TreeList = res.data.data;
          }).catch(res => {
            this.$message.error(res)
          })
        this.requestCount += 1;
        const [res1, res2] = await Promise.all([
          getObjectByOid(data.oid),
          gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': data.oid}),
        ]);
        this.FlagObj = res1.data.data;
        this.Formlist = res2.data.data.filter(item => {
          if (item.codeclassifyoid != "") {
            this.codeClassifyOid = item.codeclassifyoid;
            return item.codeclassifyoid == this.nodeClickList.oid;
          }
        });
        if (this.Formlist.length >= 1) {
          this.crudLCStatus = this.Formlist[this.selectRow].lcStatus;
          this.crudArray.push(this.Formlist[this.selectRow]);
          this.crudOid = this.Formlist[this.selectRow].oid;
          await this.gridCode();
        } else {
          this.ProData = [];
          this.crudOid = ''
        }
        this.TreeEditObj = res1.data.data;
        if (this.TreeEditObj.isParticipateCheck === null || this.TreeEditObj.isParticipateCheck === undefined || this.TreeEditObj.isParticipateCheck === "") {
          this.$set(this.TreeEditObj, "isParticipateCheck", 1)
          return
        }
      } catch (error) {
        this.$message.error(error)
        this.$message.error(error);
      }
    },
    // 递归查找顶层节点Id
    findTheTopLevelNode(data, TreeData) {
      if (data.parentId === "") {
        return data;
      }
      const parentNode = this.findParentNode(data.parentId, TreeData);
      if (parentNode) {
        return this.findTheTopLevelNode(parentNode, TreeData); // 继续查找父节点
      }
    },
    // 递归查找出来多层节点的父节点
    findParentNode(parentId, TreeData) {
      for (const node of TreeData) {
        if (node.oid === parentId) {
          return node;
        }
        // 如果当前节点还有子节点，继续去查子节点的父节点
        if (node.children) {
          const parentNode = this.findParentNode(parentId, node.children);
          if (parentNode) {
            return parentNode;
          }
        }
      }
      return null;
    },
    async gridCode() {
      try {
        const res = await gridCodeClassifyTemplateAttr({
          'conditionMap[classifyTemplateOid]': this.Formlist[this.selectRow].oid,
          limit: -1
        });
        this.ProData = res.data.data.map(item => {
          if (item.classifyInvokeAttr !== '') {
            if (!item.hasOwnProperty('classifyInvokeText')) {
              item.classifyInvokeText = {
                '注入类型': item.classifyInvokeAttr,
                '注入类型名称': item.classifyInvokeAttrName,
                '层级设置': item.classifyInvokeLevel,
                '是否可修改': item.classifyInvokeEditFlag
              };
            }
          }
          return item;
        });
      } catch (error) {
        this.$message.error(error);
      }
    },
    treeClick(e) {
      console.log(e);
      // console.log(e);
    },
    //基本信息表单刷新
    referTreeForm(){
       getObjectByOid(this.nodeClickList.oid).then(res => {
        this.TreeList = res.data.data;
    referTreeForm() {
      getObjectByOid(this.nodeClickList.oid).then(res => {
        this.TreeEditObj = res.data.data;
      }).catch(res => {
        this.$message.error(res)
      })
    },
    //克隆模板树的点击切换数据
    async ClonenodeClick(data){
      this.ClonenodeClickList=data;
      await gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': data.oid}).then(res=>{
    async ClonenodeClick(data) {
      this.ClonenodeClickList = data;
      await gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': data.oid}).then(res => {
        this.CloneFormlist = res.data.data.filter(item => {
          if (item.codeclassifyoid != "") {
            this.codeClassifyOid = item.codeclassifyoid
@@ -1259,36 +1305,30 @@
    handleChange(column) {
      this.type = column;
    },
    AdvQueries() {
      this.FindFormVisible = false
      //如果全部为空 allEmpty为true
      const allEmpty = Object.values(this.QueryArray).every(value => !value);
      //如果全部为空，点击查询出现所有数据
      if (allEmpty) {
        gridCodeClassifyTemplate().then(res => {
          this.Formlist = res.data.data
        })
    advQueries() {
      if (this.SearchValue === "") {
        this.$message.warning('请输入要查询的内容！');
      } else {
        //默认是等于
        gridCodeClassifyFindTemplate({'conditionMap[id]': this.QueryArray.id},
          {'conditionMap[name]': this.QueryArray.name},
          {'conditionMap[description]': this.QueryArray.description},
          {'conditionMap[revisionValue]': this.QueryArray.revisionValue},
          {'conditionMap[lcStatus]': this.QueryArray.lcStatus}
        ).then(res => {
          this.Formlist = res.data.data
        })
        const condition = {
          'conditionMap[codeclassifyoid]': this.nodeClickList.oid,
          [`conditionMap[${this.searchSelect}]`]: this.SearchValue
        };
        gridCodeClassifyFindTemplate(condition).then(res => {
          if (res.data.data.length > 0) {
            this.Formlist = res.data.data;
          } else {
            this.$message.error('暂未查询到相关模板！')
          }
          this.FindFormVisible = false;
        });
      }
    },
    //模板管理渲染
    CrudRend() {
      gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': this.nodeClickList.oid}).then(res => {
        this.Formlist = res.data.data
      })
    searchReset() {
      this.SearchValue = "";
      this.searchSelect = 'id'
    },

    //模板管理表格添加
    CrudRowSave(row,done) {
    CrudRowSave(row, done) {
      if (this.nodeClickList.length <= 0) {
        this.$message({
          type: 'warning',
@@ -1296,14 +1336,13 @@
        });
      } else {
        this.$set(row, "codeclassifyoid", this.nodeClickList.oid)
        console.log(this.nodeClickList)
        addSave(row).then(() => {
          this.$message({
            type: "success",
            message: "添加成功!"
          });
          done(row)
          this.CrudRend()
          this.TemRefresh();
        }).catch(res => {
          this.$message({
            type: 'info',
@@ -1313,9 +1352,9 @@
      }
    },
    //模板管理修改
    CrudRowUpdata(row,index,done) {
    CrudRowUpdata(row, index, done) {
      editSave(row).then(() => {
        this.CrudRend()
        this.TemRefresh();
        this.$message({
          type: "success",
          message: "操作成功!"
@@ -1327,8 +1366,8 @@
    },
    //模板管理删除
    CrudRowDel(row) {
      deleteData(row).then(()=> {
        this.CrudRend()
      deleteData(row).then(() => {
        this.TemRefresh();
      }).catch(res => {
        this.$message({
          type: 'info',
@@ -1336,99 +1375,120 @@
        });
      })
    },
    //模板管理表格查询,只有一条数据没必要做搜索
    /*nterFind() {
      if (this.findText == "") {
        gridCodeClassifyTemplate().then(res => {
          this.Formlist = res.data.data
        })
      } else {
        gridCodeClassifyTemplate().then(res => {
          this.Formlist = res.data.data.filter(item => {
            return item.name.includes(this.findText)
          })
        })
      }
    },*/
    //克隆取消
    cloneClose() {
      this.$refs.cloneTree.setCurrentKey(null)
      this.ClonenodeClickList = {}
      this.CloneFormlist = []
      this.CloneVisible = false;
    },
    //克隆模板查询
    CloneEnterFind(){
    CloneEnterFind() {
      gridCodeClassifyTemplate().then(res => {
        this.CloneFormlist = res.data.data.filter(item => {
          if(this.Clonevalue == 0){
          if (this.Clonevalue == 0) {
            return item.id.includes(this.CloneFind)
          }else if(this.Clonevalue == 1){
          } else if (this.Clonevalue == 1) {
            return item.name.includes(this.CloneFind)
          }
        })
      })
    },
    // 查询
    FindeHanler(){
      if(this.nodeClickList != ""){
        this.FindFormVisible=true
      }else {
    FindeHanler() {
      if (this.nodeClickList != "") {
        this.FindFormVisible = true
      } else {
        this.$message.warning('请从树上选择一条数据')
      }
    },
    //克隆模板选择确定
    Clonehandler(){
      if(this.CloneSelect.length <= 0){
    Clonehandler() {
      if (this.CloneSelect.length <= 0) {
        this.$message({
          type: 'warning',
          message: '请选择要克隆的模板!'
        });
      }else if(this.CloneSelect.length >1){
      } else if (this.CloneSelect.length > 1) {
        this.$message({
          type: 'warning',
          message: '只能选择一条数据!'
        });
      } else {
        this.CloneinnerVisible=true;
        this.CloneinnerVisible = true;
      }
    },
    //点击从其它模板克隆
    CloneBtn(){
      if(this.nodeClickList.length <= 0){
    CloneBtn() {
      if (this.nodeClickList.length <= 0) {
        this.$message({
          type: 'warning',
          message: '请先从[主题库分类】树上选择一条数据!'
        });
      }else {
        this.CloneVisible=true;
      } else {
        this.CloneVisible = true;
      }
    },
    //克隆模板单选框改变
    selectionChange(row){
      this.CloneSelect=row;
      //双向绑定，提交表单输入框回填上当前选择的数据
      this.CloneModel.id=row[0].id;
      this.CloneModel.name=row[0].name;
      //这里有点绕，CloneSelect是我选择框选择的数据。等于this.nodeClickList.oid是因为，克隆模板传递数据要把当前选择树的oid传递给后端。而不是当前要克隆模板的oid
      this.CloneSelect[0].codeclassifyoid=this.nodeClickList.oid
    selectionChange(row) {
      this.CloneSelect = row;
      const {id, name} = row[0];
      this.CloneModel = {id, name};
      this.CloneSelect[0].codeclassifyoid = this.nodeClickList.oid;
    },
    //克隆表单提交
    Clonesubmit(row,done){
      //重新赋值CloneSelect传递的数据为输入框可以修改的数据，CloneModel提交表单输入框双向绑定数据
      this.CloneSelect[0].id=this.CloneModel.id;
      this.CloneSelect[0].name=this.CloneModel.name;
      copy(this.CloneSelect[0]).then(()=>{
        //因为是嵌套弹窗所以手动关闭CloneinnerVisible，CloneVisible两个弹窗。
        this.CloneinnerVisible=false
        this.CloneVisible=false
        this.$message.success("复制成功")
        this.CrudRend()
        done(row)
      }).catch(res=>{
        done(res)
      })
    Clonesubmit(row, done) {
      // 重新赋值CloneSelect传递的数据为输入框可以修改的数据，CloneModel提交表单输入框双向绑定数据
      Object.assign(this.CloneSelect[0], this.CloneModel);
      // CloneSelect数组第一项 匹配CloneModel对象
      copy(this.CloneSelect[0])
        .then(() => {
          // 因为是嵌套弹窗所以手动关闭CloneinnerVisible，CloneVisible两个弹窗。
          this.CloneinnerVisible = false;
          this.CloneVisible = false;
          this.$message.success("复制成功");
          this.TemRefresh();
          done(row);
        })
        .catch((error) => {
          done(error);
        });
    },
    //刷新
    TemRefresh() {
      this.FormLoing = true
      this.FormLoing = true;
      if (this.nodeClickList.oid != "") {
        gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': this.nodeClickList.oid}).then(res => {
          this.Formlist = res.data.data.filter(item => {
            return item.codeclassifyoid == this.nodeClickList.oid
          })
          this.crudLCStatus = this.Formlist[this.selectRow].lcStatus;
          this.crudArray.push(this.Formlist[this.selectRow]);
          gridCodeClassifyTemplateAttr({
            'conditionMap[classifyTemplateOid]': res.data.data[this.selectRow].oid,
            limit: -1
          }).then(res => {
            this.ProData = res.data.data;
            //分类注入数据格式
            this.ProData = res.data.data.map((item) => {
              //如果分类注入classifyInvokeAttr为空说明是初始状态
              if (item.classifyInvokeAttr !== '') {
                if (!item.hasOwnProperty('classifyInvokeText')) { // 检查classifyInvokeText属性是否存在
                  item = {
                    ...item,
                    classifyInvokeText: {
                      "注入类型": item.classifyInvokeAttr,
                      "注入类型名称": item.classifyInvokeAttrName,
                      "层级设置": item.classifyInvokeLevel,
                      "是否可修改": item.classifyInvokeEditFlag
                    }
                  };
                }
              }
              return item;
            });
          }).catch(res => {
            this.$message.error(res)
          })
        })
      } else {
@@ -1445,8 +1505,8 @@
        type: "warning",
      }).then(() => {
        this.$set(row, this.upAndStopAndStartData[type]["load"], true)
        const { ts, oid } = row;
        this.upAndStopAndStartData[type]['funAPi']({ ts, oid }).then((res) => {
        const {ts, oid} = row;
        this.upAndStopAndStartData[type]['funAPi']({ts, oid}).then((res) => {
          if (res.data.code === 200) {
            this.$set(row, this.upAndStopAndStartData[type]["load"], false)
            this.TemRefresh();
@@ -1464,15 +1524,18 @@
</script>

<style lang="scss" scoped>
.el-container{
  height: 100%;
}
//.el-container {
//  height: 100%;
//}

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

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

.el-form {
  display: flex;
  flex-wrap: wrap; /* 设置可换行，以便在小屏幕设备上使用多行布局 */
@@ -1491,4 +1554,26 @@
  width: 500px;
}

.headerCon {
  .el-button + .el-button {
    margin-left: 5px;
  }

  .el-button {
    margin-top: 5px;
  }
}

.headerCon > .el-button:nth-child(5) {
  margin-left: 0;
}

.headerCon > .el-button:nth-child(9) {
  margin-left: 0;
}

///deep/.el-scrollbar__bar.is-vertical{
//  width: 8px;
//}

</style>