From a4a7426f1286c8d8afe512f155fb650e3e8b940c Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期一, 02 十二月 2024 17:57:43 +0800 Subject: [PATCH] 整合代码&&表单定义扩展属性添加提示文字&&显示类型修改默认值和绑定值 --- Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue | 156 +++++++++++++++++++++++++++++++++------------------ 1 files changed, 100 insertions(+), 56 deletions(-) diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue index 8f61d44..b921caf 100644 --- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue +++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue @@ -8,10 +8,8 @@ :data="data" :option="option" :table-loading="tableLoading" - @row-del="rowDelHandler" @row-save="rowSaveHandler" @row-update="rowUpdateHandler" - @refresh-change="handleRefresh" @selection-change="selectChangeHandler" @row-click="rowClickHandler"> <template slot="menuLeft" slot-scope="scope"> @@ -57,6 +55,29 @@ <span v-else-if="form.templateType === '6'">瀵硅薄绫诲瀷</span> <span v-else-if="form.searchTarger === '1'">婧愬璞�</span> <span v-else-if="form.searchTarger === '2'">鐩爣瀵硅薄</span> + </template> + + <template slot="extAttrLabel" slot-scope="{}"> + <el-tooltip placement="top"> + <div slot="content">绀轰緥:ext1:xx;ext2;ext3:xx;ext4:xxx;extn:xxx; + <br/>1銆佺敤鑻变氦鍗婅鍒嗗彿:鍒嗛殧鍚勭粍鍊�; + <br/>2銆佹瘡缁勭敤鑻变氦鍗婅鍐掑彿:鍒嗛殧鍗曚竴鎵╁睍灞炴�у悕绉板強灞炴�у��; + <br/>3銆佸彲浠ュ畾涔変换鎰忕粍锛屼絾鎬诲瓧绗﹂暱搴︿笉寰楄秴杩�4000; + <br/>4銆佽緭鍏ユ椂锛屼笉瑕佹暡鍥炶溅鎹㈣; + </div> + <span>鎵╁睍灞炴�� <i class="el-icon-warning" style="color:red;"></i> </span> + </el-tooltip> + </template> + + <template slot="templateIdForm" slot-scope="{}"> + <el-select v-model="form.templateId" filterable placeholder="璇烽�夋嫨"> + <el-option + v-for="item in templateIdList" + :key="item.viName" + :label="item.viName" + :value="item.viName"> + </el-option> + </el-select> </template> </avue-crud> <el-dialog @@ -217,7 +238,9 @@ deleteTabButton, delPageDefination, joinBtn, - exitBtn + exitBtn, + updatePageDefination, + getPortalVIDatasByPage } from "@/api/UI/uiDefine"; import actionDialog from '@/views/modelingMenu/ui/Aciton/components/dialog'; import cloneDialog from "@/views/modelingMenu/ui/uiDefine/rightRegion/cloneDialog"; @@ -241,6 +264,8 @@ name: "index", data() { return { + templateIdList: [], + searchTargerChangeFlag: false, formBtnOid: '', sourceBtnOid: '', sourceOId: '', @@ -249,7 +274,7 @@ eventOption: { ...basicOption, addBtn: false, - editBtn: false, + // editBtn: false, delBtn: false, refreshBtn: false, highlightCurrentRow: true, @@ -398,7 +423,7 @@ hide: true, }, { - label: '鎵╁睍灞炴��', + label: '', prop: 'extAttr', hide: true, }, @@ -440,9 +465,10 @@ }, change: (val) => { const list = ['showType', 'linkType', 'templateId', 'SubUILayout', 'searchObjType', 'queryTemplateName', 'controlPath', 'expandCols', 'rootContent', 'showAbs', 'showLinkAbs', 'separator'] - list.forEach(item => { - this.form[item] = ""; - }) + // list.forEach(item => { + // this.form[item] = ""; + // }) + this.form.searchTarger = '1' const searchTarger = this.option.column.find(item => item.prop === 'searchTarger'); // 鑾峰彇鎼滅储绫诲瀷閰嶇疆椤� searchTarger.display = true; // 鍒囨崲榛樿灞曠ず鎼滅储绫诲瀷 // 妯℃澘绫诲瀷涓鸿〃鏍� @@ -469,7 +495,7 @@ dicData: [ { label: '涓嶆樉绀�', - value: '3' + value: '1' }, { label: '鏄剧ず瑙掕壊', @@ -477,7 +503,7 @@ }, { label: '鏄剧ずFolder', - value: '1', + value: '3', }, ], }, @@ -507,11 +533,15 @@ const obj = this.option.group[0].column.find(item => item.prop === 'linkType'); obj.display = val.value !== '1'; } - // 鍒囨崲娓呯┖妯℃澘绫诲瀷 - const list = ['showType', 'linkType', 'templateId', 'SubUILayout', 'queryTemplateName', 'searchObjType']; - list.forEach(item => { - this.form[item] = ''; - }) + if (this.searchTargerChangeFlag) { + // 鍒囨崲娓呯┖妯℃澘绫诲瀷 + const list = ['showType', 'linkType', 'templateId', 'SubUILayout', 'queryTemplateName', 'searchObjType', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl']; + list.forEach(item => { + this.form[item] = ''; + }) + } else { + this.searchTargerChangeFlag = true; + } } }, { @@ -534,6 +564,17 @@ placeholder: "璇疯緭鍏ュ唴瀹�", dicUrl: '/api/uiManagerController/getBtmDatasByPage?page=1&limit=-1', filterable: true, + change: (val) => { + console.log('val', val); + if (val) { + let params = { + 'conditionMap[selectBtmType]': this.form.searchTarger === '1' ? this.form.showType : this.form.linkType + } + getPortalVIDatasByPage(1, -1, params).then(res => { + this.templateIdList = res.data.data; + }) + } + }, props: { label: 'name', value: 'name', @@ -564,9 +605,7 @@ label: '閫夋嫨妯℃澘', prop: 'templateId', display: false, - type: 'select', - filterable: true, - dicUrl: '/api/uiManagerController/getPortalVIDatasByPage?page=1&limit=-1&conditionMap[selectBtmType]={{key}}', + formslot: true, rules: [ { required: true, @@ -574,11 +613,6 @@ trigger: 'submit' } ], - props: { - label: 'viName', - value: 'viName', - desc: 'viType' - }, }, { label: 'UI瀹氫箟', @@ -587,9 +621,8 @@ filterable: true, display: false, props: { - label: 'qtName', - value: 'qtName', - desc: 'btmName' + label: 'plName', + value: 'plCode', }, dicUrl: '/api/uiManagerController/getUILayoutDatasByPage?page=1&limit=-1&conditionMap[selectBtmType]={{key}}', }, @@ -693,6 +726,20 @@ labelWidth: 135, span: 12 }, + { + label: 'B/S鑷畾涔夋煡璇�', + prop: 'bsCustQueryCLsOrUrl', + display: false, + labelWidth: 115, + span: 12 + }, + { + label: 'C/S鑷畾涔夋煡璇�', + prop: 'csCustQueryCLsOrUrl', + display: false, + labelWidth: 115, + span: 12 + }, ] }, { @@ -780,25 +827,11 @@ // 澧炲姞 addClickHandler() { - console.log(this.sourceData); if (!this.sourceData || !this.sourceData.plOId) { this.$message.error('璇峰湪涓婃柟閫夋嫨涓�鏉℃暟鎹悗杩涜娣诲姞'); return; } this.$refs.crud.rowAdd(); - }, - - // 缂栬緫鎵撳紑琛ㄥ崟鍓� - beforeOpen(done, type) { - if (type === 'edit') { - this.form.showType = 'Ludc'; - this.$set(this.form, 'showType', 'Ludc'); - // this.$set(this.option.group[0].column[0],'value','Ludc'); - // this.option.group[0].column[0].value = 'Ludc'; - done(); - } else { - done(); - } }, // 澧炲姞鍏抽棴瀵硅瘽妗� 娓呯┖event鏁扮粍 @@ -824,12 +857,10 @@ }); } this.$refs.crud.rowEdit(row); - console.log(this.form); }, // 鍒犻櫎 rowDeleteHandler(row) { - console.log(row); this.$confirm('鎮ㄧ‘瀹氳鍒犻櫎鎵�閫夋嫨鐨勬暟鎹悧锛�', '鎻愮ず', { confirmButtonText: '纭畾', cancelButtonText: '鍙栨秷', @@ -858,13 +889,31 @@ row.SubUIObjType = row.showType; row.showType = ""; } - console.log(this.sourceData); const params = { ...row, tabPageOId: this.sourceData.plOId } addPageDefination(params).then(res => { - console.log(res); + if (res.data.code === 200) { + this.$message.success(res.data.obj); + this.getTableList(); + done(); + } + }).catch(err => { + loading(); + }) + }, + + rowUpdateHandler(row, index, done, loading) { + if (row.templateType === '6') { + row.SubUIObjType = row.showType; + row.showType = ""; + } + const params = { + ...row, + tabPageOId: this.sourceData.plOId + } + updatePageDefination(params).then(res => { if (res.data.code === 200) { this.$message.success(res.data.obj); this.getTableList(); @@ -926,7 +975,7 @@ // 妯℃澘绫诲瀷涓鸿〃鏍� templateTypeTable(val) { if (!val) return; - this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName']); + this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl']); }, // 妯℃澘绫诲瀷涓鸿嚜瀹氫箟妯℃澘 @@ -940,13 +989,13 @@ // 妯℃澘绫诲瀷涓烘爲琛� templateTypeTreeTable(val) { if (!val) return; - this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName', 'expandCols', 'expandMode']); + this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName', 'expandCols', 'expandMode', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl']); }, // 妯℃澘绫诲瀷涓鸿〃鍗� templateTypeForm(val) { if (!val) return; - this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName']); + this.updateDisplay(val, ['showType', 'templateId', 'queryTemplateName', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl']); }, // 妯℃澘绫诲瀷涓烘爲 @@ -954,7 +1003,7 @@ if (!val) return; const searchTarger = this.option.column.find(item => item.prop === 'searchTarger'); // 鑾峰彇鎼滅储绫诲瀷閰嶇疆椤� searchTarger.display = false; // 涓嶅睍绀烘悳绱㈢被鍨� - this.updateDisplay(val, ['showType', 'queryTemplateName', 'rootContent', 'showAbs', 'showLinkAbs', 'separator', 'expandMode', 'linkType']); + this.updateDisplay(val, ['showType', 'queryTemplateName', 'rootContent', 'showAbs', 'showLinkAbs', 'separator', 'expandMode', 'linkType', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl']); }, // 妯℃澘绫诲瀷涓篣I瀹氫箟 @@ -962,7 +1011,7 @@ if (!val) return; const searchTarger = this.option.column.find(item => item.prop === 'searchTarger'); // 鑾峰彇鎼滅储绫诲瀷閰嶇疆椤� searchTarger.display = false; // 涓嶅睍绀烘悳绱㈢被鍨� - this.updateDisplay(val, ['showType', 'SubUILayout', 'searchType', 'searchObjType', 'queryTemplateName']); + this.updateDisplay(val, ['showType', 'SubUILayout', 'searchType', 'searchObjType', 'queryTemplateName', 'bsCustQueryCLsOrUrl', 'csCustQueryCLsOrUrl']); }, // 鏌ユ壘鏁扮粍涓璞$储寮� @@ -996,7 +1045,6 @@ this.$message.error('璇烽�夋嫨涓�鏉℃暟鎹�'); return; } - console.log(this.selectList); this.btnDesignVisible = true; this.formBtnOid = this.selectList[0].id; this.getTabBtnTree(); @@ -1042,7 +1090,7 @@ // 鎸夐挳璁捐淇℃伅鍙傛暟淇℃伅淇敼 paramsRowEditHandler(row) { - this.$refs.paramsCrud.rowEdit(row); + this.$refs.paramsCrud.rowEdit(row, row.$index); }, // 鎸夐挳璁捐鍙傛暟淇℃伅娣诲姞鎸夐挳 @@ -1123,7 +1171,7 @@ ...this.basicForm, parentId: this.nodeTreeRow.oId === 'parentNode' ? '' : this.nodeTreeRow.parentId, buttonParams: bottomParams, - tableOId:this.selectList[0].id + tableOId: this.selectList[0].id } : { ...this.basicForm, buttonParams: bottomParams @@ -1161,7 +1209,6 @@ type: 'warning' }).then(() => { deleteTabButton(this.nodeTreeRow).then(res => { - // console.log(res); if (res.data.code === 200) { this.$message.success('鍒犻櫎鎴愬姛'); this.getTabBtnTree(); @@ -1204,7 +1251,6 @@ // 鎵撳紑鍏嬮殕瀵硅瘽妗� rowCloneHandler(row) { - console.log(row); this.fromOid = this.sourceData.plOId; this.sourceOId = row.id; this.$refs.cloneDialog.openDialog(row); @@ -1222,7 +1268,6 @@ return; } joinBtn(this.nodeTreeRow).then(res => { - // console.log(res); if (res.data.code === 200) { this.$message.success(res.data.obj); this.getTabBtnTree(); @@ -1236,7 +1281,6 @@ this.$message.error('璇烽�夋嫨鑺傜偣杩涜淇敼'); return; } - if (this.nodeTreeRow.oId === "parentNode") { this.$message.error('椤跺眰鑺傜偣涓嶅厑璁歌皟鏁�'); return; -- Gitblit v1.9.3