From 4b88f8fa8ff1e401abaf606db815546af68e0c86 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期四, 27 七月 2023 16:12:12 +0800 Subject: [PATCH] 主题库分类注入数据格式 --- Source/UBCS-WEB/vue.config.js | 4 Source/UBCS-WEB/src/components/Master/MasterTree.vue | 4 + Source/UBCS-WEB/src/components/Tree/attrCrud.vue | 139 +++++++++++++++++++++++++++++++--------------- 3 files changed, 99 insertions(+), 48 deletions(-) diff --git a/Source/UBCS-WEB/src/components/Master/MasterTree.vue b/Source/UBCS-WEB/src/components/Master/MasterTree.vue index 0aae92f..b677b5a 100644 --- a/Source/UBCS-WEB/src/components/Master/MasterTree.vue +++ b/Source/UBCS-WEB/src/components/Master/MasterTree.vue @@ -84,7 +84,8 @@ console.log(this.idData) getTreeList({'conditionMap[id]':this.idData }).then(res=>{ console.log(res) - this.Treedata=res.data + this.Treedata=res.data; + console.log('Treedata',this.Treedata) const [firstProperty] = res.data; this.ModifyProperties(this.Treedata, 'text', 'label'); this.codeClassifyOid=firstProperty.oid; @@ -162,6 +163,7 @@ }, //鏍戠偣鍑讳簨浠� async nodeClick(data) { + console.log('CloneTreeAvueform',this.CloneTreeAvueform) try { this.nodeClickList = data; this.tableHeadDataFateher=[] diff --git a/Source/UBCS-WEB/src/components/Tree/attrCrud.vue b/Source/UBCS-WEB/src/components/Tree/attrCrud.vue index 24b66f7..7218ab2 100644 --- a/Source/UBCS-WEB/src/components/Tree/attrCrud.vue +++ b/Source/UBCS-WEB/src/components/Tree/attrCrud.vue @@ -115,23 +115,23 @@ <div style="padding-top: 15px;padding-left: 35px"> <el-form ref="injectForm" label-width="80px"> <el-form-item label="娉ㄥ叆绫诲瀷"> - <el-radio-group v-model="injectOption.type"> - <el-radio label="鍒嗙被鍚嶇О"></el-radio> - <el-radio label="鍒嗙被浠e彿"></el-radio> + <el-radio-group v-model="injectOption.classifyInvokeAttr"> + <el-radio label="name">鍒嗙被鍚嶇О</el-radio> + <el-radio label="id">鍒嗙被浠e彿</el-radio> </el-radio-group> </el-form-item> <el-form-item label="灞傜骇璁剧疆"> - <el-radio-group v-model="injectOption.set"> - <el-radio label="鏈�灏忓眰"></el-radio> - <el-radio label="鎸囧畾灞�"></el-radio> - <el-input-number v-if="this.injectOption.set == '鎸囧畾灞�'" v-model="injectOption.injectNum" :max="10" :min="0" + <el-radio-group v-model="injectOption.classifyInvokeLevel"> + <el-radio label="min">鏈�灏忓眰</el-radio> + <el-radio label="max">鎸囧畾灞�</el-radio> + <el-input-number v-if="this.injectOption.classifyInvokeLevel == 'max'" v-model="injectOption.classifyNumber" :max="10" :min="0" controls-position="right"></el-input-number> </el-radio-group> </el-form-item> <el-form-item label="鍙慨鏀�"> - <el-radio-group v-model="injectOption.change"> - <el-radio label="鏄�"></el-radio> - <el-radio label="鍚�"></el-radio> + <el-radio-group v-model="injectOption.classifyInvokeEditFlag"> + <el-radio label="true">鏄�</el-radio> + <el-radio label="false">鍚�</el-radio> </el-radio-group> </el-form-item> </el-form> @@ -246,6 +246,7 @@ @selection-change="selectionChange" v-if="this.crudArrayFlag" ref="referAttrCrud" + v-loading="loading" > <el-table-column type="selection" @@ -354,10 +355,40 @@ }, deep:true, immediate:true - } + }, + 'injectOption.classifyInvokeAttr': function(newVal) { + console.log('newVal',newVal) + if (newVal === "name") { + this.injectOption.classifyInvokeAttrName='鍒嗙被鍚嶇О' + } else if (newVal === "id") { + this.injectOption.classifyInvokeAttrName='鍒嗙被浠e彿' + } + return ''; + }, + ProData: { + handler(newVal, oldVal) { + if(this.initializing){ + newVal.forEach((item) => { + item.classifyInvokeText = { + "娉ㄥ叆绫诲瀷": item.classifyInvokeAttr, + "娉ㄥ叆绫诲瀷鍚嶇О": item.classifyInvokeAttrName, + "灞傜骇璁剧疆": item.classifyInvokeLevel, + "鏄惁鍙慨鏀�": item.classifyInvokeEditFlag + }; + }); + } + this.ProData=newVal; + this.initializing = false; + console.log('ProData',this.ProData) + }, + deep: true, + immediate:true + }, }, data() { return { + initializing:false, + loading:false, referConfigText:"", referConfigVisble:false, referConfigOption:{ @@ -787,11 +818,12 @@ addvisible: false, //鍒嗙被娉ㄥ叆option injectOption: { - type: "鍒嗙被鍚嶇О", - set: "鏈�灏忓眰", - change: "鏄�", + classifyInvokeAttrName:'鍒嗙被鍚嶇О', + classifyInvokeAttr: "name", + classifyInvokeEditFlag: "true", + classifyInvokeLevel:'min', //鍒嗙被娉ㄥ叆璁℃暟鍣� - injectNum: 0, + classifyNumber:0, }, // 灞炴�ч獙璇佽緭鍏ユ RulesForm: { @@ -1220,15 +1252,9 @@ }, { label: "鍒嗙被娉ㄥ叆", - prop: "classifyInvokeLevelName", + prop: "classifyInvokeText", cell: false, edit: 'refer' - }, - { - label: "鍒嗙被娉ㄥ叆", - prop: "classifyInvokeLevel", - cell: false, - edit: 'referName', }, { label: "鏋氫妇娉ㄥ叆", @@ -1357,7 +1383,7 @@ oids.push(ele.oid); }); return oids.join(","); - } + }, }, mounted() { }, @@ -1435,7 +1461,12 @@ CrudRend() { if (this.crudOid != '') { gridCodeClassifyTemplateAttr({'conditionMap[classifyTemplateOid]': this.crudOid}).then(res => { - this.ProData = res.data.data; + this.loading=true + setTimeout(() => { + this.ProData = res.data.data; + this.loading=false + }, 1000); + }).catch(res => { this.$message.error(res) }) @@ -1579,7 +1610,7 @@ } console.log('--',this.referConfigOption) // this.$refs.referConfigFormDialog.onloadAttrData(); - }else if(column.property == 'classifyInvokeLevelName'){ + }else if(column.property == 'classifyInvokeText'){ this.injectVisible=true; }else if(column.property == 'componentRule'){ if(this.CurrentCell){ @@ -1730,35 +1761,58 @@ } else if (this.attrSelectList.length < 1) { this.$message.warning('璇烽�夋嫨涓�鏉℃ā鏉挎暟鎹�') } else if (this.attrSelectList.length === 1) { + console.log(this.injectOption) this.injectVisible = true; - } }, //鍒嗙被娉ㄥ叆淇濆瓨 injectAddHandle() { + // 瀹氫箟灞曠ず绫诲瀷 let data = { - "娉ㄥ叆绫诲瀷": this.injectOption.type, - "娉ㄥ叆绫诲瀷鍚嶇О": this.injectOption.set, - "灞傜骇璁剧疆": this.injectOption.injectNum, - "鏄惁鍙慨鏀�": this.injectOption.change + "娉ㄥ叆绫诲瀷": this.injectOption.classifyInvokeAttr, + "娉ㄥ叆绫诲瀷鍚嶇О": this.injectOption.classifyInvokeAttrName, + "灞傜骇璁剧疆": this.injectOption.classifyInvokeLevel=='max'?this.injectOption.classifyNumber :'min', + "鏄惁鍙慨鏀�": this.injectOption.classifyInvokeEditFlag } + //鍗曞厓鏍肩紪杈戣祴鍊间竴閬� if(this.CurrentCell){ - this.$set(this.CurrentCell, "classifyInvokeLevelName", data); - this.$set(this.CurrentCell, "classifyInvokeLevel", JSON.stringify(this.injectOption)); + //濡傛灉鏄寚瀹氬眰璧嬪�间负鏁板瓧 + if(this.CurrentCell.classifyInvokeLevel!== 'min'){ + this.CurrentCell.classifyInvokeLevel=this.injectOption.classifyNumber + } + //鍏朵綑姝e父璧嬪�� + this.CurrentCell.classifyInvokeAttr=this.injectOption.classifyInvokeAttr, + this.CurrentCell.classifyInvokeAttrName=this.injectOption.classifyInvokeAttrName, + this.CurrentCell.classifyInvokeEditFlag=this.injectOption.classifyInvokeEditFlag, + this.$set(this.CurrentCell, "classifyInvokeText", data); this.injectHandleReset() }else { - this.$set(this.attrSelectList[0], 'classifyInvokeLevelName', data); - this.$set(this.attrSelectList[0], 'classifyInvokeLevel', JSON.stringify(this.injectOption)); + //鍕鹃�夋搷浣� + for (const key in this.injectOption) { + this.attrSelectList[0][key] = this.injectOption[key]; + //濡傛灉鏄寚瀹氬眰璧嬪�间负鏁板瓧 + if(this.injectOption.classifyInvokeLevel !== 'min'){ + this.attrSelectList[0].classifyInvokeLevel=this.injectOption.classifyNumber + } + this.$set(this.attrSelectList[0],'classifyInvokeText',data) + } this.injectHandleReset() } - this.injectVisible = false + if(this.injectOption.classifyInvokeLevel !== 'min'){ + this.injectOption.classifyInvokeLevel=this.injectOption.classifyNumber; + }else { + this.injectOption.classifyNumber=0; + } + this.injectVisible = false; + }, //鍒嗙被娉ㄥ叆娓呯┖ injectHandleReset() { - this.injectOption.type = "鍒嗙被鍚嶇О"; - this.injectOption.set = "鏈�灏忓眰"; - this.injectOption.change = "鏄�"; - this.injectOption.injectNum = "0"; + this.injectOption.classifyInvokeAttrName = "鍒嗙被鍚嶇О"; + this.injectOption.classifyInvokeAttr = "name"; + this.injectOption.classifyInvokeLevel = "min"; + this.injectOption.classifyInvokeEditFlag = "true"; + this.injectOption.classifyNumber = "0"; }, // 鍒嗙被娉ㄥ叆鍙栨秷 injectRemove() { @@ -1778,12 +1832,7 @@ }, //琛ㄦ牸閲嶇疆 reset() { - // this.CrudRend( - this.referConfigVisble=true; - this.referConfigOption = { - referConfig: 'confing', - } - console.log(this.referConfigOption) + this.CrudRend() }, //鍚屾鍒板叾浠栨ā鏉� syncHandle() { diff --git a/Source/UBCS-WEB/vue.config.js b/Source/UBCS-WEB/vue.config.js index 54a1f5d..433ecc0 100644 --- a/Source/UBCS-WEB/vue.config.js +++ b/Source/UBCS-WEB/vue.config.js @@ -26,9 +26,9 @@ proxy: { '/api': { //鏈湴鏈嶅姟鎺ュ彛鍦板潃 - target: 'http://localhost:37000', + // target: 'http://localhost:37000', // target: 'http://192.168.1.51:37000', - // target: 'http://dev.vci-tech.com:37000', + target: 'http://dev.vci-tech.com:37000', // target: 'http://192.168.1.104:37000', // target: 'http://192.168.1.63:37000', // target: 'http://192.168.3.7:37000', -- Gitblit v1.9.3