From 388daad59d20da84118067593fc88a89e3f8c9d8 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期五, 07 七月 2023 17:59:50 +0800 Subject: [PATCH] 主题库7-7完善发现bug --- Source/UBCS-WEB/src/components/Tree/classifyTrees.vue | 1759 ++++++++++++++++++++++------------------------------------ 1 files changed, 670 insertions(+), 1,089 deletions(-) diff --git a/Source/UBCS-WEB/src/components/Tree/classifyTrees.vue b/Source/UBCS-WEB/src/components/Tree/classifyTrees.vue index 3e8995d..55b44b4 100644 --- a/Source/UBCS-WEB/src/components/Tree/classifyTrees.vue +++ b/Source/UBCS-WEB/src/components/Tree/classifyTrees.vue @@ -3,98 +3,42 @@ <el-container> <!-- 宸︿晶鑿滃崟--> <el-aside> - <basic-container - style="height: 85vh; max-height: 155vh; overflow-y: scroll" - > + <basic-container style="height: 85vh; max-height: 155vh; overflow-y: scroll;"> <div> - <div style="display: flex; justify-content: space-around"> - <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="ExportExcel">瀵煎嚭</el-button>--> - <!-- <el-button plain size="small" type="primary" @click="ImportExcel">瀵煎叆</el-button>--> - <el-button plain size="small" type="primary" @click="flushed" - >鍒锋柊</el-button - > + <div style="display: flex;justify-content: space-around"> + <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="ExportExcel">瀵煎嚭</el-button>--> +<!-- <el-button plain size="small" type="primary" @click="ImportExcel">瀵煎叆</el-button>--> + <el-button plain size="small" type="primary" @click="flushed">鍒锋柊</el-button> </div> - <div - style=" - display: flex; - justify-content: space-around; - margin-top: 5px; - margin-bottom: 5px; - " - ></div> + <div style="display: flex;justify-content: space-around;margin-top: 5px;margin-bottom: 5px"> + </div> </div> <!-- 鏍戣妭鐐规坊鍔犲璇濇--> - <el-dialog - :title="this.TreeFlag ? '娣诲姞鍒嗙被' : '娣诲姞涓婚搴�'" - :visible.sync="TreeAddFormVisible" - append-to-body - style="width: 1700px; margin: auto" - > + <el-dialog :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-input - v-model="TreeAddform.id" - autocomplete="off" - style="width: 170px" - ></el-input> + <el-form-item :label="this.TreeFlag ? '鍒嗙被缂栧彿锛�' :'涓婚搴撶紪鍙凤細'" label-width="150px" style="display: inline-block" prop="id"> + <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-input - v-model="TreeAddform.name" - autocomplete="off" - style="width: 170px" - ></el-input> + <el-form-item :label="this.TreeFlag ? '鍒嗙被鍚嶇О锛�' :'涓婚搴撳悕绉帮細'" label-width="110px" style="display: inline-block" prop="name"> + <el-input v-model="TreeAddform.name" autocomplete="off" style="width: 170px"></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-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" - readonly - 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" - readonly - autocomplete="off" - @focus="Keyfouce" - style="width: 585px"> - </el-input> + <el-input v-model="TreeAddform.codeKeyAttrRepeatOidName" autocomplete="off" @focus="Keyfouce" + style="width: 585px"></el-input> </el-form-item> <el-form-item label="鐩镐技鏌ヨ瑙勫垯锛�" label-width="150px"> - <el-input v-model="TreeAddform.codeResembleRuleOidName" - autocomplete="off" - readonly - @focus="simFouce" - style="width: 585px"></el-input> + <el-input v-model="TreeAddform.codeResembleRuleOidName" autocomplete="off" @focus="simFouce" + style="width: 585px"></el-input> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> @@ -103,245 +47,120 @@ </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; - } - " - ></classifyTreeform> + <el-dialog :visible.sync="TreeEditFormVisible" append-to-body title="淇敼鍒嗙被"> + <classifyTreeform ref="childForm" :loneTreeNewForm="TreeList" :nodeList="nodeList" :flag="'edit'" @MasterHandler="MasterHandler" :Editclose=" ()=>{TreeEditFormVisible=false}"></classifyTreeform> </el-dialog> - <avue-tree - ref="tree" - v-model="CloneTreeAvueform" - v-loading="loading" - :data="CloneTreedata" - :defaultExpandAll="false" - :option="Treeoption" - style="height: 80.5vh; padding-top: 5px; padding-bottom: 30px" - @node-click="nodeClick" - @check-change="checkChange" + <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" :defaultExpandAll="false" + :option="Treeoption" + style="height: 80.5vh;padding-top: 5px;padding-bottom: 30px" + @node-click=" nodeClick" + @check-change="checkChange" > </avue-tree> </basic-container> </el-aside> <el-main> - <basic-container style="height: 85vh; max-height: 155vh"> + <basic-container style="height: 85vh; max-height: 155vh; "> <!-- 鍙充晶琛ㄦ牸--> <avue-tabs :option="tabOption" @change="handleChange"></avue-tabs> - <span v-if="type.prop === 'tab1'"> - <classifyTreeform - ref="childForm" - :loneTreeNewForm="TreeList" - :nodeList="nodeList" - :flag="'renonly'" - ></classifyTreeform> + <span v-if="type.prop==='tab1'"> + <classifyTreeform ref="childForm" :loneTreeNewForm="TreeList" :nodeList="nodeList" :flag="'renonly'"></classifyTreeform> </span> - <span v-else-if="type.prop === 'tab2'"> - <basic-container> - <avue-crud - v-model="crudForm" - v-loading="FormLoing" - :data="this.Formlist" - :option="this.crudTreeOption" - @row-save="CrudRowSave" - @row-del="CrudRowDel" - @row-update="CrudRowUpdata" - :before-close="beforeClose" - @select="selectHandle" - > - <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="Enable" - >鍚敤</el-button - > - <el-button plain size="small" type="primary" @click="Deactivate" - >鍋滅敤</el-button - > - <el-button 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> - </div> - </template> - </div> - </el-dialog> - <!-- 妯℃澘鍏嬮殕 --> - <el-dialog - :visible.sync="CloneVisible" - append-to-body - title="鍏嬮殕妯℃澘" - > + <span v-else-if="type.prop==='tab2'"> + <basic-container> + <avue-crud v-model="crudForm" v-loading="FormLoing" :data="this.Formlist" :option="this.crudTreeOption" + @row-save="CrudRowSave" + @row-del="CrudRowDel" + @row-update="CrudRowUpdata" + :before-close="beforeClose" + @select="selectHandle" + > + <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="Enable">鍚敤</el-button> + <el-button plain size="small" type="primary" @click="Deactivate">鍋滅敤</el-button> + <el-button 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> + </div> + </template> + </div> + </el-dialog> + <!-- 妯℃澘鍏嬮殕 --> + <el-dialog :visible.sync="CloneVisible" append-to-body title="鍏嬮殕妯℃澘"> <el-container> <el-aside width="300px"> - <div style="margin-bottom: 5px"> - <el-tag>涓婚搴撳垎绫�</el-tag> - </div> + <div style="margin-bottom: 5px"><el-tag>涓婚搴撳垎绫�</el-tag></div> <!-- 鍏嬮殕妯℃澘鐨勬爲 娌跨敤棣栭〉鏍戠殑loading鍜宱ption锛屼絾鏄痙ata鍜寁-model缁戝畾鐨勬暟鎹垱寤轰竴涓柊鐨勫彉閲忥紝鍙﹀鐐瑰嚮鏂规硶涔熸槸閲嶆柊鑾峰彇鏉ユ搷浣滃厠闅嗘ā鏉跨殑鏁版嵁--> - <avue-tree - ref="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> + <avue-tree ref="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> </el-aside> - <el-container> - <el-main> - <div style="padding-left: 10px; height: 50.5vh"> - <div style="margin: 8px 0; display: flex"> - <el-select - v-model="Clonevalue" - size="small" - style="width: 130px" - > - <el-option - v-for="item in this.CloneSelectOptions" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-container> + <el-main> + <div style="padding-left: 10px;height: 50.5vh"> + <div style="margin: 8px 0;display: flex"> + <el-select v-model="Clonevalue" size="small" style="width: 130px;"> + <el-option + v-for="item in this.CloneSelectOptions" + :key="item.value" + :label="item.label" + :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 - > - </div> - <avue-crud - v-model="ClonecrudForm" - v-loading="FormLoing" - :data="this.CloneFormlist" - :option="this.ClonecrudTreeOption" - @selection-change="selectionChange" - ></avue-crud> + </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> + </div> + <avue-crud v-model="ClonecrudForm" v-loading="FormLoing" :data="this.CloneFormlist" + :option="this.ClonecrudTreeOption" + @selection-change="selectionChange" + ></avue-crud> + </div> + </el-main> + </el-container> + </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> + </div> + <el-dialog + width="30%" + title="鍏嬮殕妯℃澘" + :visible.sync="CloneinnerVisible" + append-to-body> + <div> + <avue-form :option="CloneOption" @submit="Clonesubmit" v-model="CloneModel"></avue-form> </div> - </el-main> - </el-container> - </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 - > - </div> - <el-dialog - width="30%" - title="鍏嬮殕妯℃澘" - :visible.sync="CloneinnerVisible" - append-to-body - > - <div> - <avue-form - :option="CloneOption" - @submit="Clonesubmit" - v-model="CloneModel" - ></avue-form> - </div> - </el-dialog> + </el-dialog> </el-dialog> - </template> - <template #menu="{ size, row }"> + </template> + <template #menu="{ size, row }"> <el-button v-show="row.lcStatus === 'Released'" @click="upAndStopAndStart(row, 'upVersion')" @@ -349,7 +168,7 @@ icon="el-icon-upload2" type="text" :size="size" - >鍗囩増</el-button + >鍗囩増</el-button > <el-button v-show="row.lcStatus === 'Released'" @@ -358,7 +177,7 @@ icon="el-icon-circle-close" type="text" :size="size" - >鍋滅敤/澶辨晥</el-button + >鍋滅敤/澶辨晥</el-button > <el-button v-show="['Disabled', 'Editing'].includes(row.lcStatus)" @@ -367,241 +186,83 @@ icon="el-icon-circle-check" type="text" :size="size" - >鍚敤/鍙戝竷</el-button + >鍚敤/鍙戝竷</el-button > </template> - </avue-crud> + </avue-crud> + </basic-container> - <templatePro - :ProData="this.ProData" - :crudOid="this.crudOid" - :crudArray="this.crudArray" - :Formlist="this.Formlist" - :codeClassifyOid="this.codeClassifyOid" - ></templatePro> + <templatePro :ProData="this.ProData" :crudOid="this.crudOid" :crudArray="this.crudArray" :Formlist="this.Formlist" :codeClassifyOid="this.codeClassifyOid"></templatePro> </span> <!-- 缂栫爜瑙勫垯--> - <el-dialog - :visible.sync="MasterdialogVisible" - title="涓恒�愮紪鐮佽鍒欍�戦�夊彇鍊�" - append-to-body - > + <el-dialog :visible.sync="MasterdialogVisible" title="涓恒�愮紪鐮佽鍒欍�戦�夊彇鍊�" append-to-body> <template> - <el-select - v-model="SelectValue" - placeholder="璇烽�夋嫨" - style="width: 135px" - > + <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" - > + 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 - > + <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> + <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 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> <!-- 鍏抽敭灞炴�ф煡璇㈣鍒�--> - <el-dialog - :visible.sync="KeydialogVisible" - title="涓恒�愬叧閿睘鎬ф煡璇㈣鍒欍�戦�夊彇鍊�" - append-to-body - > + <el-dialog :visible.sync="KeydialogVisible" title="涓恒�愬叧閿睘鎬ф煡璇㈣鍒欍�戦�夊彇鍊�" append-to-body> <template> - <el-select - v-model="SelectValue" - placeholder="璇烽�夋嫨" - style="width: 135px" - > + <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" - > + 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 - > + <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> + <avue-crud :data="KeyData" :option="masterOption" @select="KeySelect"></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.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 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 - > + <el-dialog :visible.sync="SimidialogVisible" title="涓恒�愮浉浼奸」鏌ヨ瑙勫垯銆戦�夊彇鍊�" append-to-body> <template> - <el-select - v-model="SelectValue" - placeholder="璇烽�夋嫨" - style="width: 135px" - > + <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" - > + 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 - > + <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> + <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 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> @@ -628,9 +289,9 @@ copy, upVersion, stopLose, - startRelease, + startRelease } from "@/api/template/templateAttr"; -import { defaultReferDataGrid, referDataGrid } from "@/api/MasterData/master"; +import {defaultReferDataGrid,referDataGrid} from '@/api/MasterData/master' export default { name: "classifyTrees.vue", //浣跨敤inject鎺ユ敹鍙傛暟 @@ -640,71 +301,75 @@ data() { return { //缂栫爜瑙勫垯 - MasterdialogVisible: false, - masterData: [], - masterSelectList: [], - masterName: "", - masterOid: "", + MasterdialogVisible:false, + masterData:[], + masterSelectList:[], + masterName:"", + masterOid:"", //鍏抽敭灞炴�� - KeydialogVisible: false, - KeyName: "", - KeyOid: "", - KeyData: [], - KeySelectLIst: [], + KeydialogVisible:false, + KeyName:"", + KeyOid:"", + KeyData:[], + KeySelectLIst:[], //鐩镐技椤� - simName: "", - simOid: "", - simData: [], - SimidialogVisible: false, - simSelectList: [], - masterOption: { - addBtn: false, - index: true, - border: true, - selection: true, - menu: false, - height: 380, - column: [ + simName:"", + simOid:"", + simData:[], + SimidialogVisible:false, + simSelectList:[], + masterOption:{ + addBtn:false, + index:true, + border:true, + selection:true, + menu:false, + height:380, + column:[ { - label: "鑻辨枃鍚嶇О", - prop: "id", + label:'鑻辨枃鍚嶇О', + prop:'id' }, { - label: "涓枃鍚嶇О", - prop: "name", + label:'涓枃鍚嶇О', + prop:'name' }, { - label: "鎻忚堪", - prop: "description", - }, - ], + label:'鎻忚堪', + prop:'description' + } + ] }, - SelectOption: [ + SelectOption:[ { - value: "name", - label: "涓枃鍚嶇О", + value: 'name', + label: '涓枃鍚嶇О' }, { - value: "id", - label: "鑻辨枃鍚嶇О", - }, + value: 'id', + label: '鑻辨枃鍚嶇О' + } ], - SelectValue: "", - SelectFInd: "", + SelectValue:"", + SelectFInd:"", rules: { - id: [{ required: true, message: "璇疯緭鍏ュ悕绉�", trigger: "blur" }], - name: [{ required: true, message: "璇疯緭鍏ョ紪鍙�", trigger: "blur" }], + id: [ + { required: true, message: '璇疯緭鍏ュ悕绉�', trigger: 'blur' }, + ], + name:[ + { required: true, message: '璇疯緭鍏ョ紪鍙�', trigger: 'blur' }, + ] }, - addFlag: false, + addFlag:false, // 琛ㄦ牸褰撳墠琛宨d - crudOid: "", + crudOid:"", //琛ㄦ牸褰撳墠閫夋嫨鏁扮粍 - crudArray: [], + crudArray:[], //妯℃澘灞炴�у睍绀哄唴瀹� ProData: [], //鍥炶溅閿悳绱㈢粦瀹氬�� searchTemplate: { - searchCondition: "id", + searchCondition: 'id', findText: "", }, @@ -712,14 +377,14 @@ FindFormVisible: false, //鍏嬮殕妯℃澘瀵硅瘽妗� CloneVisible: false, - CloneinnerVisible: false, + CloneinnerVisible:false, //楂樼骇鏌ヨ涓嬫媺妗� FindSelect: { id: "0", name: "1", description: "2", revisionValue: "3", - lcStatus: "4", + lcStatus: "4" }, //楂樼骇鏌ヨ鏉′欢 condition: ["0", "0", "0", "0", "0"], @@ -731,7 +396,7 @@ name: "", description: "", revisionValue: "", - lcStatus: "", + lcStatus: "" }, //鍋滅敤鍚敤鎺ユ敹鏁扮粍 FlagObj: {}, @@ -741,7 +406,7 @@ TreeAddFormVisible: false, //褰撳墠鐐瑰嚮椤� nodeClickList: "", - ClonenodeClickList: "", + ClonenodeClickList:"", //鍒嗙被鍜屼富棰樺簱鐘舵�� TreeFlag: false, //鏍戝姞杞� @@ -754,18 +419,18 @@ //鐩镐技鏌ヨ瑙勫垯 codeResembleRuleOidName: "", //鍏抽敭灞炴�ф煡璇㈣鍒� - codekeyattrrepeatoidName: "", + codeKeyAttrRepeatOidName: "", //缂栫爜瑙勫垯 - coderuleoidName: "", + codeRuleOidName: "", //瀛樺偍鐨勪笟鍔$被鍨� - btmtypename: "", + btmTypeName: "" }, //avue-tree鏁版嵁锛屾殏鏃舵病鏈変綔鐢紝閲岄潰鍔熻兘鐢╡lement鍐欎簡锛屽彧鐢╝vue鐨勪竴涓爲缁勪欢涓嶇敤鍐呯疆琛ㄥ崟浜嗐�� TreeAvueform: {}, //鍏嬮殕鏍� - CloneTreeAvueform: {}, + CloneTreeAvueform:{}, Treedata: [], - CloneTreedata: [], + CloneTreedata:[], Treeoption: { addBtn: false, editBtn: false, @@ -786,54 +451,48 @@ //鍏嬮殕妯℃澘涓嬫媺妗唙alue Clonevalue: "0", //鍏嬮殕妯℃澘鎼滅储杈撳叆妗� - CloneFind: "", + CloneFind:"", //鍏嬮殕妯℃澘涓嬫媺妗嗘暟鎹� - CloneSelectOptions: [ + CloneSelectOptions: [{ + value: '0', + label: '妯℃澘缂栧彿' + }, { - value: "0", - label: "妯℃澘缂栧彿", - }, - { - value: "1", - label: "妯℃澘鍚嶇О", + value: '1', + label: '妯℃澘鍚嶇О' }, ], //鍏嬮殕妯℃澘纭琛ㄥ崟鏁版嵁 - CloneOption: { - column: [ + CloneOption:{ + column:[ { - label: "妯℃澘缂栧彿", - prop: "id", - rules: [ - { - required: true, - message: "璇疯緭鍏ユā鏉跨紪鍙�", - trigger: "blur", - }, - ], + label:'妯℃澘缂栧彿', + prop:'id', + rules: [{ + required: true, + message: "璇疯緭鍏ユā鏉跨紪鍙�", + trigger: "blur" + }] + }, { + label:'妯℃澘鍚嶇О', + prop:'name', + rules: [{ + required: true, + message: "璇疯緭鍏ユā鏉垮悕绉�", + trigger: "blur" + }] }, { - label: "妯℃澘鍚嶇О", - prop: "name", - rules: [ - { - required: true, - message: "璇疯緭鍏ユā鏉垮悕绉�", - trigger: "blur", - }, - ], - }, - { - label: "鎻忚堪", - prop: "desc", - type: "textarea", - span: 24, - }, - ], + label:'鎻忚堪', + prop:'desc', + type:'textarea', + span:24 + } + ] }, //鍏嬮殕妯℃澘鍙屽悜缁戝畾鏁版嵁 - CloneModel: [], - CloneSelect: [], + CloneModel:[], + CloneSelect:[], //鍏嬮殕妯℃澘option ClonecrudTreeOption: { index: true, @@ -846,7 +505,7 @@ column: [ { label: "妯℃澘缂栧彿", - prop: "id", + prop: "id" }, { label: "妯℃澘鍚嶇О", @@ -854,35 +513,45 @@ }, { label: "妯℃澘鎻忚堪", - prop: "description", + prop: "description" }, { label: "鐗堟湰鍙�", prop: "revisionSeq", - display: false, + display: false }, { label: "鐘舵��", prop: "lcStatusText", - display: false, - }, - ], + display: false + } + ] }, //tab鐘舵�� type: {}, //Tab閰嶇疆椤� tabOption: { - column: [ - { - label: "鍩烘湰淇℃伅", - prop: "tab1", - }, - { - label: "妯℃澘绠$悊", - prop: "tab2", - }, - ], + column: [{ + label: '鍩烘湰淇℃伅', + prop: 'tab1', + }, { + label: '妯℃澘绠$悊', + prop: 'tab2', + }] }, + //妯℃嫙琛ㄥ崟鍋囨暟鎹� + Treeform: [ + { + name: "娴嬭瘯1", + sex: "鐢�", + value: 0 + }, + { + name: "娴嬭瘯2", + sex: "濂�", + value: 1 + } + ], //浼犻�掔粰瀛愮粍浠跺姩鎬佹覆鏌撶殑鏁版嵁 TreeList: {}, codeClassifyOid: "", @@ -904,248 +573,242 @@ typeText: "鍚敤/鍙戝竷", funAPi: startRelease, load: 'startReleaseLoad' - }, - }, - }; + } + } + } }, //tab鏍忛粯璁ゆ槸琛ㄦ牸 mounted() { this.type = this.tabOption.column[0]; this.getAttr(); }, - computed: { - crudTreeOption() { - return { + computed:{ + crudTreeOption(){ + return{ index: true, border: true, - height: 180, - selection: true, - addBtn: this.Formlist.length <= 0 && this.nodeClickList != "", + height:180, + selection:true, + addBtn:this.Formlist.length<=0 && this.nodeClickList != "", column: [ { label: "妯℃澘缂栧彿", - prop: "id", + prop: "id" }, { - label: "妯℃澘鍚嶇О", - prop: "name", + label:"妯℃澘鍚嶇О", + prop:"name" }, { 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 + } + ] + } + } }, methods: { //缂栫爜瑙勫垯澶辩劍 - CodeFoucus() { - this.MasterdialogVisible = true; - this.MasterdefaultRend(); + CodeFoucus(){ + this.MasterdialogVisible=true; + this.MasterdefaultRend() }, //缂栫爜澶氶�� - masterSelect(row) { - if (row.length > 0) { - this.masterSelectList = row; - this.masterName = row[0].name; - this.masterOid = row[0].oid; - } + masterSelect(row){ + if(row.length>0){ + this.masterSelectList=row; + this.masterName=row[0].name; + this.masterOid=row[0].oid; + } }, //缂栫爜瑙勫垯鏌ヨ - SelectFindeHandler() { - if (this.SelectValue == "id") { - const masterParameter = { - "conditionMap[id]": this.SelectFInd, - }; + 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 = ""; + 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); - console.log(this.loneTreeNewForm); + 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) + console.log(this.loneTreeNewForm) } }, //缂栫爜鎺ュ彛 - MasterdefaultRend() { + MasterdefaultRend(){ defaultReferDataGrid({ - referType: "coderule", - isMuti: "false", - 'conditionMap["lcstatus"]': "Released", - }).then((res) => { - this.masterData = res.data.records; - }); + referType:'coderule', + isMuti:'false', + 'conditionMap["lcstatus"]':'Released' + }).then(res=>{ + this.masterData=res.data.records; + }) }, - Keyfouce() { - this.KeydialogVisible = true; - this.KeydefaultRend(); + 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, "codeResembleRuleOidName", this.simName); - this.$set(this.TreeAddform, "codeResembleRuleOid", this.simOid); - this.$emit("MasterHandler", this.loneTreeNewForm); + 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) + console.log(this.TreeAddform) } }, //鍏抽敭灞炴�ф煡璇� - KeySelectFindeHandler() { - if (this.SelectValue == "id") { - const masterParameter = { - "conditionMap[id]": this.SelectFInd, - }; + 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 = ""; + this.SelectValue="" + this.SelectFInd="" + }else if(this.SelectValue == 'name'){ + const masterParameter={ + 'conditionMap[name]':this.SelectFInd + } + this.KeydefaultRend(masterParameter) + this.SelectValue="" + this.SelectFInd="" } }, //鍏抽敭灞炴�ф帴鍙� - KeydefaultRend() { + KeydefaultRend(){ defaultReferDataGrid({ - referType: "codekeyattrrepeat", - isMuti: "false", - 'conditionMap["lcstatus"]': "Enabled", - }).then((res) => { - this.KeyData = res.data.records; - }); + 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; + KeySelect(row){ + this.KeySelectLIst=row; + this.KeyName=row[0].name; + this.KeyOid=row[0].oid; }, //鍏抽敭澶辩劍 - simFouce() { - this.SimidialogVisible = true; - this.simdefaultRend(); + 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); + 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, - }; + 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 = ""; + 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; - console.log("oid", this.oid); + simSelect(row){ + this.simSelectList=row; + this.simName=row[0].name; + this.simOid=row[0].oid; + console.log('oid',this.oid) }, //鐩镐技椤归」鎺ュ彛 - simdefaultRend() { + simdefaultRend(){ defaultReferDataGrid({ - referType: "coderesemblerule", - isMuti: "false", - 'conditionMap["lcstatus"]': "Enabled", - }).then((res) => { - this.simData = res.data.records; - }); + referType:'coderesemblerule', + isMuti:'false', + 'conditionMap["lcstatus"]':'Enabled' + }).then(res=>{ + this.simData=res.data.records; + }) }, //瀛愪紶鐖� - MasterHandler(val) { - this.TreeList = val; + MasterHandler(val){ + this.TreeList=val }, //琛屽崟閫変簨浠� - selectHandle(selection, row) { - this.crudOid = row.oid; - this.crudArray = selection; - gridCodeClassifyTemplateAttr({ - "conditionMap[classifyTemplateOid]": this.Formlist[0].oid, + selectHandle(selection,row){ + this.crudOid=row.oid; + this.crudArray=selection; + gridCodeClassifyTemplateAttr({'conditionMap[classifyTemplateOid]': this.Formlist[0].oid}).then(res => { + this.ProData = res.data.data; + }).catch(res => { + this.$message.error(res) }) - .then((res) => { - this.ProData = res.data.data; - }) - .catch((res) => { - this.$message.error(res); - }); }, //鍒嗙被鏍戞暟鎹鐞� 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"); + 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; + } }) - .catch((res) => { - this.$message.error(res); - }); + //璋冪敤淇敼灞炴�у悕鏂规硶 + this.ModifyProperties(this.CloneTreedata, 'name', 'label'); + }).catch(res => { + this.$message.error(res) + }) }, //瀹氫箟涓�涓慨鏀规暟鎹睘鎬у悕鐨勬柟娉� ModifyProperties(obj, oldName, newName) { @@ -1154,7 +817,7 @@ obj[newName] = obj[key]; delete obj[key]; } - if (typeof obj[key] === "object") { + if (typeof obj[key] === 'object') { this.ModifyProperties(obj[key], oldName, newName); } } @@ -1164,12 +827,13 @@ this.TreeAddFormVisible = true; // 鍒ゆ柇褰撳墠鏄惁鏈夌偣鍑诲瓙椤� if (this.nodeClickList !== "") { - this.TreeFlag = true; + this.TreeFlag = true } }, //鏍戣妭鐐规坊鍔犱簨浠� TreeAddHandler() { const data = this.TreeAddform; + data.btmTypeName= this.TreeList.btmtypename this.$set(data, "parentCodeClassifyOid", this.nodeClickList.oid); // console.log("data", data); TreeSave(data) @@ -1191,94 +855,79 @@ }, //鏍戣妭鐐瑰垹闄ゆ寜閽� TreeDel() { - this.$confirm( - "鏄惁鍒犻櫎褰撳墠閫夋嫨鐨勫垎绫伙紝灏嗕細鎶婂瓙鍒嗙被涓�骞跺垹闄わ紝濡傛灉瀛樺湪缂栫爜鏁版嵁灏嗕笉鑳借鍒犻櫎锛屾槸鍚︾户缁紵", - "鎻愮ず", - { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning", - customClass: "my-messagebox", - } - ) - .then(() => { - TreeCheckDel(this.nodeClickList).then((res) => { - if (res.data.data) { - TreeDel(this.nodeClickList) - .then(() => { - this.$message({ - type: "success", - message: "鍒犻櫎鎴愬姛!", - }); - this.getAttr(); - }) - .catch((res) => { - this.$message({ - type: "warning", - message: res, - }); + this.$confirm('鏄惁鍒犻櫎褰撳墠閫夋嫨鐨勫垎绫伙紝灏嗕細鎶婂瓙鍒嗙被涓�骞跺垹闄わ紝濡傛灉瀛樺湪缂栫爜鏁版嵁灏嗕笉鑳借鍒犻櫎锛屾槸鍚︾户缁紵', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning', + customClass: 'my-messagebox', + }).then(() => { + TreeCheckDel(this.nodeClickList).then(res => { + if (res.data.data) { + TreeDel(this.nodeClickList).then(() => { + this.$message({ + type: 'success', + message: '鍒犻櫎鎴愬姛!' + }); + this.getAttr(); + }).catch(res => { + this.$message({ + type: 'warning', + message: res + }); + }) + } else { + this.$confirm('褰撳墠鏁版嵁鍖呭惈鏈変笅绾ф暟鎹紝瑕佸垹闄ょ殑璇濅細鍜屼笅绾ф暟鎹竴璧峰垹闄わ紝浣犵‘璁ょ户缁�?', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning', + customClass: 'my-messageboxs', + }).then(() => { + TreeDel(this.nodeClickList).then(() => { + this.$message({ + type: 'success', + message: '鍒犻櫎鎴愬姛!' }); - } else { - this.$confirm( - "褰撳墠鏁版嵁鍖呭惈鏈変笅绾ф暟鎹紝瑕佸垹闄ょ殑璇濅細鍜屼笅绾ф暟鎹竴璧峰垹闄わ紝浣犵‘璁ょ户缁�?", - "鎻愮ず", - { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning", - customClass: "my-messageboxs", - } - ) - .then(() => { - TreeDel(this.nodeClickList) - .then(() => { - this.$message({ - type: "success", - message: "鍒犻櫎鎴愬姛!", - }); - this.getAttr(); - }) - .catch((res) => { - this.$message({ - type: "warning", - message: res, - }); - }); - }) - .catch(() => { - this.$message({ - type: "info", - message: "宸插彇娑堝垹闄�", - }); + this.getAttr(); + }).catch(res => { + this.$message({ + type: 'warning', + message: res }); - } - }); + }) + }).catch(() => { + this.$message({ + type: 'info', + message: '宸插彇娑堝垹闄�' + }); + }); + } }) - .catch(() => { - this.$message({ - type: "info", - message: "宸插彇娑堝垹闄�", - }); + }).catch(() => { + this.$message({ + type: 'info', + message: '宸插彇娑堝垹闄�' }); + }); }, //淇敼鍥炲~ TreeEdit() { if (this.nodeClickList == "") { this.$message({ - type: "warning", - message: "璇峰厛浠庢爲涓婇�夋嫨涓�鏉℃暟鎹�!", + type: 'warning', + message: '璇峰厛浠庢爲涓婇�夋嫨涓�鏉℃暟鎹�!' }); } else { this.TreeEditFormVisible = true; + console.log(this.TreeList) } }, //鏍戝埛鏂� flushed() { - this.loading = true; - this.getAttr(); + this.loading = true + this.getAttr() setTimeout(() => { this.loading = false; - this.nodeClickList = ""; + this.nodeClickList = "" }, 600); }, //鍚敤鍜屽仠鐢ㄩ兘鍏堝垽鏂姸鎬� @@ -1286,248 +935,183 @@ Enable() { if (this.FlagObj.lcStatus == "Enabled") { this.$message({ - type: "warning", - message: "褰撳墠鍒嗙被涓嶆槸鍋滅敤鐘舵��", + type: 'warning', + message: '褰撳墠鍒嗙被涓嶆槸鍋滅敤鐘舵��' }); } else { - this.$confirm("鏄惁灏嗗瓙鍒嗙被涓�骞跺惎鐢紵", "鎻愮ず", { - confirmButtonText: "鏄�", - cancelButtonText: "鍙栨秷", - type: "warning", - }) - .then(() => { - TreeEnable(this.nodeClickList).then(() => { - this.$message({ - type: "success", - message: "鍚敤鎴愬姛!", - }); - this.getAttr(); - }); - }) - .catch(() => { + this.$confirm('鏄惁灏嗗瓙鍒嗙被涓�骞跺惎鐢紵', '鎻愮ず', { + confirmButtonText: '鏄�', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + TreeEnable(this.nodeClickList).then(() => { this.$message({ - type: "info", - message: "宸插彇娑堝惎鐢�", + type: 'success', + message: '鍚敤鎴愬姛!' }); + this.getAttr() + }) + }).catch(() => { + this.$message({ + type: 'info', + message: '宸插彇娑堝惎鐢�' }); + }); } }, //鍋滅敤 Deactivate() { if (this.FlagObj.lcStatus === "Disabled") { this.$message({ - type: "warning", - 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.$confirm('鏄惁鍋滅敤褰撳墠鍒嗙被锛屽仠鐢ㄥ悗锛屽瓙鍒嗙被涔熷皢涓嶈兘琚娇鐢紝鏄惁缁х画锛�', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + TreeDeactivate(this.nodeClickList).then(() => { this.$message({ - type: "info", - message: "宸插彇娑堝仠鐢�", + type: 'success', + message: '鍋滅敤鎴愬姛!' }); + this.nodeClickList['flag'] = true; + this.getAttr() + }) + }).catch(() => { + this.$message({ + type: 'info', + message: '宸插彇娑堝仠鐢�' }); + }); } }, //鏍戠偣鍑讳簨浠� async nodeClick(data) { //瀹氫箟涓�涓ā鏉垮睘鎬d锛屾暟鎹槸妯℃澘绠$悊琛ㄦ牸閲岄潰鐨刼id - this.nodeClickList = data; - this.ProData = []; + this.nodeClickList = data + this.ProData=[] try { - await TreeObjcet(data.oid) - .then((res) => { - this.FlagObj = res.data.data; - }) - .catch((res) => { - this.$message.error(res); - }); - //妯℃澘绠$悊琛ㄦ牸鏁版嵁 - await gridCodeClassifyTemplate({ - "conditionMap[codeclassifyoid]": data.oid, + await TreeObjcet(data.oid).then(res => { + this.FlagObj = res.data.data + }).catch(res => { + this.$message.error(res) }) - .then((res) => { - this.Formlist = res.data.data.filter((item) => { - if (item.codeclassifyoid != "") { - this.codeClassifyOid = item.codeclassifyoid; - return item.codeclassifyoid == this.nodeClickList.oid; - } - }); + //妯℃澘绠$悊琛ㄦ牸鏁版嵁 + 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); - }); + }).catch(res => { + this.$message.error(res) + }) // 鍩烘湰淇℃伅琛ㄥ崟鏁版嵁 - await getObjectByOid(this.nodeClickList.oid) - .then((res) => { - this.TreeList = res.data.data; - }) - .catch((res) => { - this.$message.error(res); - }); + await getObjectByOid(this.nodeClickList.oid).then(res => { + this.TreeList = res.data.data; + }).catch(res => { + this.$message.error(res) + }) } catch (error) { - this.$message.error(error); + this.$message.error(error) } }, //鍏嬮殕妯℃澘鏍戠殑鐐瑰嚮鍒囨崲鏁版嵁 - async ClonenodeClick(data) { - this.ClonenodeClickList = data; - await gridCodeClassifyTemplate({ - "conditionMap[codeclassifyoid]": data.oid, - }).then((res) => { - this.CloneFormlist = res.data.data.filter((item) => { + 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; - return item.codeclassifyoid == this.ClonenodeClickList.oid; + this.codeClassifyOid = item.codeclassifyoid + return item.codeclassifyoid == this.ClonenodeClickList.oid } - }); - }); + }) + }) }, //tab鏍忓垏鎹� handleChange(column) { this.type = column; }, - // //楂樼骇鏌ヨ鎸夐挳 - // handleSelectChange(key) { - // const selectedValue = this.FindSelect[key]; - // console.log(selectedValue) - // console.log(this.QueryArray[0]) - // switch (this.FindSelect[key]) { - // case '0': - // this.QueryArray[key] = ''; - // this.$set(this.QueryArray, key, ''); - // // 濡傛灉閫変腑鐨勬槸妯℃澘缂栧彿锛岀浉搴旂殑杈撳叆妗嗗弻鍚戠粦瀹氬叧绯讳负 QueryArray.id - // this.$set(this.QueryArray, 'id', this.QueryArray[key]); - // break; - // case '1': - // this.QueryArray[key] = ''; - // this.$set(this.QueryArray, key, ''); - // // 濡傛灉閫変腑鐨勬槸妯℃澘鍚嶇О锛岀浉搴旂殑杈撳叆妗嗗弻鍚戠粦瀹氬叧绯讳负 QueryArray.name - // this.$set(this.QueryArray, 'name', this.QueryArray[key]); - // break; - // case '2': - // this.QueryArray[key] = ''; - // this.$set(this.QueryArray, key, ''); - // // 濡傛灉閫変腑鐨勬槸妯℃澘鎻忚堪锛岀浉搴旂殑杈撳叆妗嗗弻鍚戠粦瀹氬叧绯讳负 QueryArray.description - // this.$set(this.QueryArray, 'description', this.QueryArray[key]); - // break; - // case '3': - // this.QueryArray[key] = ''; - // this.$set(this.QueryArray, key, ''); - // // 濡傛灉閫変腑鐨勬槸鐗堟湰鍙凤紝鐩稿簲鐨勮緭鍏ユ鍙屽悜缁戝畾鍏崇郴涓� QueryArray.revisionValue - // this.$set(this.QueryArray, 'revisionValue', this.QueryArray[key]); - // break; - // case '4': - // this.QueryArray[key] = ''; - // this.$set(this.QueryArray, key, ''); - // // 濡傛灉閫変腑鐨勬槸鐘舵�侊紝鐩稿簲鐨勮緭鍏ユ鍙屽悜缁戝畾鍏崇郴涓� QueryArray.lcStatus - // this.$set(this.QueryArray, 'lcStatus', this.QueryArray[key]); - // break; - // } - // }, AdvQueries() { - this.FindFormVisible = false; + this.FindFormVisible = false //濡傛灉鍏ㄩ儴涓虹┖ allEmpty涓簍rue - const allEmpty = Object.values(this.QueryArray).every((value) => !value); + const allEmpty = Object.values(this.QueryArray).every(value => !value); //濡傛灉鍏ㄩ儴涓虹┖锛岀偣鍑绘煡璇㈠嚭鐜版墍鏈夋暟鎹� if (allEmpty) { - gridCodeClassifyTemplate().then((res) => { - this.Formlist = res.data.data; - }); + gridCodeClassifyTemplate().then(res => { + this.Formlist = res.data.data + }) } 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; - }); + 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 + }) } }, //妯℃澘绠$悊娓叉煋 CrudRend() { - gridCodeClassifyTemplate({ - "conditionMap[codeclassifyoid]": this.nodeClickList.oid, - }).then((res) => { - this.Formlist = res.data.data; - }); + gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': this.nodeClickList.oid}).then(res => { + this.Formlist = res.data.data + }) }, //妯℃澘绠$悊琛ㄦ牸娣诲姞 - CrudRowSave(row, done) { + CrudRowSave(row,done) { if (this.nodeClickList.length <= 0) { this.$message({ - type: "warning", - message: "璇峰厛浠庢爲涓婇�夋嫨涓�鏉℃暟鎹�!", + type: 'warning', + message: '璇峰厛浠庢爲涓婇�夋嫨涓�鏉℃暟鎹�!' }); } else { - this.$set(row, "codeclassifyoid", this.nodeClickList.oid); - addSave(row) - .then(() => { - this.$message({ - type: "success", - message: "娣诲姞鎴愬姛!", - }); - done(row); - this.CrudRend(); - }) - .catch((res) => { - this.$message({ - type: "info", - message: res, - }); - }); - } - console.log("123", this.codeClassifyOid); - }, - //妯℃澘绠$悊淇敼 - CrudRowUpdata(row, index, done) { - editSave(row) - .then(() => { - this.CrudRend(); + this.$set(row, "codeclassifyoid", this.nodeClickList.oid) + addSave(row).then(() => { this.$message({ type: "success", - message: "鎿嶄綔鎴愬姛!", + message: "娣诲姞鎴愬姛!" }); - done(); + done(row) + this.CrudRend() + }).catch(res => { + this.$message({ + type: 'info', + message: res + }); }) - .catch((res) => { - this.$message.error(res); + } + console.log('123',this.codeClassifyOid) + }, + //妯℃澘绠$悊淇敼 + CrudRowUpdata(row,index,done) { + editSave(row).then(() => { + this.CrudRend() + this.$message({ + type: "success", + message: "鎿嶄綔鎴愬姛!" }); + done() + }).catch(res => { + this.$message.error(res) + }) }, //妯℃澘绠$悊鍒犻櫎 CrudRowDel(row) { - deleteData(row) - .then(() => { - this.CrudRend(); - }) - .catch((res) => { - this.$message({ - type: "info", - message: res, - }); + deleteData(row).then(()=> { + this.CrudRend() + }).catch(res => { + this.$message({ + type: 'info', + message: res }); + }) }, //妯℃澘绠$悊琛ㄦ牸鏌ヨ,鍙湁涓�鏉℃暟鎹病蹇呰鍋氭悳绱� /*nterFind() { @@ -1544,95 +1128,91 @@ } },*/ //鍏嬮殕妯℃澘鏌ヨ - CloneEnterFind() { - gridCodeClassifyTemplate().then((res) => { - this.CloneFormlist = res.data.data.filter((item) => { - if (this.Clonevalue == 0) { - return item.id.includes(this.CloneFind); - } else if (this.Clonevalue == 1) { - return item.name.includes(this.CloneFind); + CloneEnterFind(){ + gridCodeClassifyTemplate().then(res => { + this.CloneFormlist = res.data.data.filter(item => { + if(this.Clonevalue == 0){ + return item.id.includes(this.CloneFind) + }else if(this.Clonevalue == 1){ + return item.name.includes(this.CloneFind) } - }); - }); + }) + }) }, // 鏌ヨ - FindeHanler() { - if (this.nodeClickList != "") { - this.FindFormVisible = true; - } else { - this.$message.warning("璇蜂粠鏍戜笂閫夋嫨涓�鏉℃暟鎹�"); + 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: "璇烽�夋嫨瑕佸厠闅嗙殑妯℃澘!", + type: 'warning', + message: '璇烽�夋嫨瑕佸厠闅嗙殑妯℃澘!' }); - } else if (this.CloneSelect.length > 1) { + }else if(this.CloneSelect.length >1){ this.$message({ - type: "warning", - 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: "璇峰厛浠嶽涓婚搴撳垎绫汇�戞爲涓婇�夋嫨涓�鏉℃暟鎹�!", + type: 'warning', + message: '璇峰厛浠嶽涓婚搴撳垎绫汇�戞爲涓婇�夋嫨涓�鏉℃暟鎹�!' }); - } else { - this.CloneVisible = true; + }else { + this.CloneVisible=true; } }, //鍏嬮殕妯℃澘鍗曢�夋鏀瑰彉 - selectionChange(row) { - this.CloneSelect = row; + selectionChange(row){ + this.CloneSelect=row; //鍙屽悜缁戝畾锛屾彁浜よ〃鍗曡緭鍏ユ鍥炲~涓婂綋鍓嶉�夋嫨鐨勬暟鎹� - this.CloneModel.id = row[0].id; - this.CloneModel.name = row[0].name; + this.CloneModel.id=row[0].id; + this.CloneModel.name=row[0].name; //杩欓噷鏈夌偣缁曪紝CloneSelect鏄垜閫夋嫨妗嗛�夋嫨鐨勬暟鎹�傜瓑浜巘his.nodeClickList.oid鏄洜涓猴紝鍏嬮殕妯℃澘浼犻�掓暟鎹鎶婂綋鍓嶉�夋嫨鏍戠殑oid浼犻�掔粰鍚庣銆傝�屼笉鏄綋鍓嶈鍏嬮殕妯℃澘鐨刼id - this.CloneSelect[0].codeclassifyoid = this.nodeClickList.oid; + this.CloneSelect[0].codeclassifyoid=this.nodeClickList.oid }, //鍏嬮殕琛ㄥ崟鎻愪氦 - Clonesubmit(row, done) { + Clonesubmit(row,done){ //閲嶆柊璧嬪�糃loneSelect浼犻�掔殑鏁版嵁涓鸿緭鍏ユ鍙互淇敼鐨勬暟鎹紝CloneModel鎻愪氦琛ㄥ崟杈撳叆妗嗗弻鍚戠粦瀹氭暟鎹� - this.CloneSelect[0].id = this.CloneModel.id; - this.CloneSelect[0].name = this.CloneModel.name; - copy(this.CloneSelect[0]) - .then(() => { - //鍥犱负鏄祵濂楀脊绐楁墍浠ユ墜鍔ㄥ叧闂瑿loneinnerVisible锛孋loneVisible涓や釜寮圭獥銆� - this.CloneinnerVisible = false; - this.CloneVisible = false; - this.$message.success("澶嶅埗鎴愬姛"); - this.CrudRend(); - done(row); - }) - .catch((res) => { - done(res); - }); + this.CloneSelect[0].id=this.CloneModel.id; + this.CloneSelect[0].name=this.CloneModel.name; + copy(this.CloneSelect[0]).then(()=>{ + //鍥犱负鏄祵濂楀脊绐楁墍浠ユ墜鍔ㄥ叧闂瑿loneinnerVisible锛孋loneVisible涓や釜寮圭獥銆� + this.CloneinnerVisible=false + this.CloneVisible=false + this.$message.success("澶嶅埗鎴愬姛") + this.CrudRend() + done(row) + }).catch(res=>{ + done(res) + }) }, //鍒锋柊 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; - }); - }); + gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': this.nodeClickList.oid}).then(res => { + this.Formlist = res.data.data.filter(item => { + return item.codeclassifyoid == this.nodeClickList.oid + }) + }) } else { - this.FormLoing = true; + this.FormLoing = true } setTimeout(() => { - this.FormLoing = false; + this.FormLoing = false }, 600); }, upAndStopAndStart(row, type) { @@ -1652,12 +1232,12 @@ ); } }).catch(() => { - this.$set(row, this.upAndStopAndStartData[type]["load"], false) + this.$set(row, this.upAndStopAndStartData[type]["load"], false) }); }); }, - }, -}; + } +} </script> <style lang="scss" scoped> @@ -1678,4 +1258,5 @@ .my-messageboxs { width: 500px; } + </style> -- Gitblit v1.9.3