From 145aca4ce40cbdb14f940975da44db63eb5c497f Mon Sep 17 00:00:00 2001 From: fujunling <2984387807@qq.com> Date: 星期三, 26 七月 2023 17:38:38 +0800 Subject: [PATCH] fjl --- Source/UBCS-WEB/src/components/Tree/attrCrud.vue | 128 ++++++++++++++++++++++++++---------------- 1 files changed, 79 insertions(+), 49 deletions(-) diff --git a/Source/UBCS-WEB/src/components/Tree/attrCrud.vue b/Source/UBCS-WEB/src/components/Tree/attrCrud.vue index cc66270..b928062 100644 --- a/Source/UBCS-WEB/src/components/Tree/attrCrud.vue +++ b/Source/UBCS-WEB/src/components/Tree/attrCrud.vue @@ -1,33 +1,33 @@ <template> <div> - <div style="display: flex;flex-wrap: wrap;" v-if="this.crudArrayFlag"> + <div style="display: flex;flex-wrap: wrap;" v-if="this.crudArrayFlag"class="app"> <!--鏂板--> - <el-button v-if="attrEditVisible == false && attrFlagChiledren==false" size="small" type="primary" icon="el-icon-plus" @click="busineHandle">娣诲姞 {{ msg }}</el-button> + <el-button v-if="attrEditVisible == false && attrFlagChiledren==false && (!checkStatus || crudLCStatus=='Editing')" size="small" type="primary" icon="el-icon-plus" @click="busineHandle">娣诲姞 {{ msg }}</el-button> <!-- 鍏ㄥ睆缂栬緫--> - <el-button v-if=" attrEditVisible == false && attrFlagChiledren==false" size="small" @click="fullscreenHandle" icon="el-icon-full-screen">鍏ㄥ睆缂栬緫</el-button> + <el-button v-if=" attrEditVisible == false && attrFlagChiledren==false && (!checkStatus || crudLCStatus=='Editing')" size="small" @click="fullscreenHandle" icon="el-icon-full-screen">鍏ㄥ睆缂栬緫</el-button> <!-- 楠岃瘉瑙勫垯--> - <el-button icon="el-icon-info" size="small" @click="ruleAddHandler">楠岃瘉瑙勫垯</el-button> + <el-button v-if="!checkStatus || crudLCStatus=='Editing'" icon="el-icon-info" size="small" @click="ruleAddHandler">楠岃瘉瑙勫垯</el-button> <!-- 灞炴�у垎缁�--> - <el-button icon="el-icon-menu" size="small" @click="attrVisibleHandle">灞炴�у垎缁�</el-button> + <el-button v-if="!checkStatus || crudLCStatus=='Editing'" icon="el-icon-menu" size="small" @click="attrVisibleHandle">灞炴�у垎缁�</el-button> <!-- 鍒嗙被娉ㄥ叆--> - <el-button icon="el-icon-magic-stick" size="small" @click="injectBtn">鍒嗙被娉ㄥ叆</el-button> + <el-button v-if="!checkStatus || crudLCStatus=='Editing'" icon="el-icon-magic-stick" size="small" @click="injectBtn">鍒嗙被娉ㄥ叆</el-button> <!-- 缁勫悎瑙勫垯--> - <el-button size="small" @click="isShowHandler">缁勫悎瑙勫垯</el-button> + <el-button v-if="!checkStatus || crudLCStatus=='Editing'" size="small" @click="isShowHandler">缁勫悎瑙勫垯</el-button> <!-- 鏋氫妇娉ㄥ叆--> - <el-button size="small" @click="enmuVisHandle">鏋氫妇娉ㄥ叆</el-button> + <el-button v-if="!checkStatus || crudLCStatus=='Editing'" size="small" @click="enmuVisHandle">鏋氫妇娉ㄥ叆</el-button> <!-- 绾ц仈灞炴��--> - <el-button size="small" @click="CascadeHandle">绾ц仈灞炴��</el-button> + <el-button v-if="!checkStatus|| crudLCStatus=='Editing'" size="small" @click="CascadeHandle">绾ц仈灞炴��</el-button> <!-- 棰勮鎺掑簭--> <el-button size="small" @click="orderHandle" icon="el-icon-arrow-down">棰勮鎺掑簭</el-button> <!-- 淇濆瓨--> - <el-button size="small" @click="addsHandler" icon="el-icon-check">淇濆瓨</el-button> + <el-button v-if="!checkStatus|| crudLCStatus=='Editing'" size="small" @click="addsHandler" icon="el-icon-check">淇濆瓨</el-button> <!-- 鍒犻櫎--> - <el-button size="small" @click="CrudRemove" icon="el-icon-delete">鍒犻櫎</el-button> + <el-button v-if="!checkStatus || crudLCStatus=='Editing'" size="small" @click="CrudRemove" icon="el-icon-delete">鍒犻櫎</el-button> <!-- 閲嶇疆--> <el-button size="small" @click="reset" icon="el-icon-refresh-right">閲嶇疆</el-button> <!-- 鍚屾鍒板叾浠栨ā鏉�--> @@ -72,11 +72,6 @@ <el-table :data="tableData" style="width: 100%" @cell-click="handleCellClick" @selection-change="handleSelectionChange"> <!-- 娓叉煋琛ㄦ牸鍒楀強浼犲弬 --> - <el-table-column label="搴忓彿" type="index"></el-table-column> - <el-table-column - type="selection" - width="55"> - </el-table-column> <el-table-column label="閫夐」鍊�" prop="key"> <template slot-scope="{ row }"> <!-- 缂栬緫鍜屽睍绀洪�昏緫 --> @@ -234,15 +229,18 @@ <el-button size="small" type="primary" @click="addVisible=false">鍙栨秷</el-button> </div> </el-dialog> + <!-- 鍙傜収閰嶇疆--> - <refer-config-form-dialog - ref="referConfigFormDialog" - @echoReferConfig="echoReferConfig" - ></refer-config-form-dialog> + <refer-config-dialog + :display="referConfigVisble" + @setReferConfigValue="setReferConfigValue" + :referConfigOption="referConfigOption" + ></refer-config-dialog> + </div> <el-table :data="ProData" style="width: 100%" - height="750" + height="400" @cell-click="handleCellClicks" @select="selectHandle" @selection-change="selectionChange" @@ -316,6 +314,14 @@ type: String, default: '' }, + checkStatus:{ + type: Boolean, + default: false + }, + crudLCStatus: { + type: String, + default: 'Editing' + }, crudArray: { type: Array, }, @@ -352,6 +358,11 @@ }, data() { return { + referConfigText:"", + referConfigVisble:false, + referConfigOption:{ + referConfig:'', + }, screenWidth: document.documentElement.clientWidth, // 灞忓箷瀹藉害 //褰撳墠鍗曞厓鏍� CurrentCell:'', @@ -1328,7 +1339,8 @@ //鏃堕棿鏍煎紡涓嬫媺妗� codeDataFlag:false, // 缁勫悎瑙勫崟鍏冩牸缂栬緫鍥炲~ - componentRuleText:"" + componentRuleText:"", + } }, computed:{ @@ -1348,17 +1360,6 @@ } }, mounted() { - window.addEventListener( - 'resize', - () => { - if(Math.abs(this.screenWidth - document.body.clientWidth) > 20) { - this.$nextTick(() => { - this.$refs.AddOriginPlace.refreshTable(); - }) - } - this.screenWidth = document.body.clientWidth; - } - ) }, created() { this.option.column.forEach((item,index) => { @@ -1459,7 +1460,7 @@ citem.oid = '' this.busineAddList=Object.assign(citem, { orderNum: ++ordernum, - attributedatatype: citem.attrDataType, + attributeDataType: citem.attrDataType, attributeDataTypeText: this.vciFieldTypeMap[citem.attrDataType], controlLength: citem.attributeLength, valueArea: citem.range, @@ -1475,7 +1476,8 @@ sortAttrFlag: 'false', queryAttrFlag: 'true', seniorQueryAttrFlag: 'true', - attrTableWidth: 120 + attrTableWidth: 120, + ts:"" }) this.ProData.push(JSON.parse(JSON.stringify(this.busineAddList))) } @@ -1485,7 +1487,8 @@ }, //涓氬姟绫诲瀷閫夋嫨 businessSelect(selection, row) { - this.busineSelectList = selection + this.busineSelectList = selection; + console.log(selection) }, // 浠庝笟鍔$被鍨嬩腑閫夋嫨鏁版嵁寮圭獥 busineHandle() { @@ -1565,18 +1568,27 @@ this.rowOid = row.oid; this.CurrentCell=row; if(column.property == 'referConfig' ){ - this.$refs.referConfigFormDialog.isShowReferConfigForm = true; - this.$refs.referConfigFormDialog.onloadAttrData(); + this.referConfigVisble= true; + this.referConfigOption = { + referConfig: this.referConfigText || '', + } + if(this.CurrentCell.referConfig == ''){ + this.referConfigOption = { + referConfig:'', + } + } + console.log('--',this.referConfigOption) + // this.$refs.referConfigFormDialog.onloadAttrData(); }else if(column.property == 'classifyInvokeLevelName'){ this.injectVisible=true; }else if(column.property == 'componentRule'){ - if(this.CurrentCell){ this.CurrentCell.componentRule=this.componentRuleText; } this.isShowformulaEdit = true; }else if(column.property == 'enumString'){ this.enumVisible=true; + this.tableData=JSON.parse(this.CurrentCell.enumString) }else if(column.property == 'parentCode'){ gridCodeClassifyTemplateAttr({ 'conditionMap[classifyTemplateOid]': this.Formlist[0].oid, @@ -1595,7 +1607,6 @@ }, saveRows() { this.editingRows = null; - console.log('1321') }, // 鏋氫妇娉ㄥ叆娣诲姞涓�琛岀┖鏁版嵁 addRow() { @@ -1621,6 +1632,7 @@ this.$message.warning('璇烽�夋嫨涓�鏉℃ā鏉垮睘鎬�') } else if (this.attrSelectList.length === 1) { this.enumVisible = true; + this.tableData=JSON.parse(this.attrSelectList[0].enumString) } }, enumBeforeClose(done){ @@ -1726,18 +1738,20 @@ if(this.CurrentCell){ this.$set(this.CurrentCell, "classifyInvokeLevelName", data); this.$set(this.CurrentCell, "classifyInvokeLevel", JSON.stringify(this.injectOption)); + this.injectHandleReset() }else { this.$set(this.attrSelectList[0], 'classifyInvokeLevelName', data); this.$set(this.attrSelectList[0], 'classifyInvokeLevel', JSON.stringify(this.injectOption)); + this.injectHandleReset() } this.injectVisible = false }, //鍒嗙被娉ㄥ叆娓呯┖ injectHandleReset() { - this.injectOption.type = ""; - this.injectOption.set = ""; - this.injectOption.change = ""; - this.injectOption.injectNum = ""; + this.injectOption.type = "鍒嗙被鍚嶇О"; + this.injectOption.set = "鏈�灏忓眰"; + this.injectOption.change = "鏄�"; + this.injectOption.injectNum = "0"; }, // 鍒嗙被娉ㄥ叆鍙栨秷 injectRemove() { @@ -1757,7 +1771,12 @@ }, //琛ㄦ牸閲嶇疆 reset() { - this.CrudRend() + // this.CrudRend( + this.referConfigVisble=true; + this.referConfigOption = { + referConfig: 'confing', + } + console.log(this.referConfigOption) }, //鍚屾鍒板叾浠栨ā鏉� syncHandle() { @@ -1803,11 +1822,20 @@ //缁勫悎瑙勫垯纭畾 updataFormlaContent(val) { if(this.CurrentCell){ - this.$set(this.CurrentCell, 'componentRule', JSON.stringify(val)) + this.$set(this.CurrentCell, 'componentRule', val.replace(/"/g, '')) }else { - this.$set(this.attrRow, 'componentRule', JSON.stringify(val)) + this.$set(this.attrRow, 'componentRule', val.replace(/"/g, '')) } + }, + setReferConfigValue(content){ + let submitFormJson = JSON.stringify(content); + this.referConfigText=submitFormJson + if(this.CurrentCell){ + this.$set(this.CurrentCell, 'referConfig', JSON.stringify(content)) + }else { + this.$set(this.attrRow, 'referConfig', JSON.stringify(content)) + } }, // 鎺掑簭 sortChange(val) { @@ -1828,7 +1856,9 @@ </script> <style scoped lang="scss" > -/deep/ .el-button { - margin: 0 10px 10px 0; +.app { + /deep/ .el-button { + margin: 0 10px 10px 0; + } } </style> -- Gitblit v1.9.3