From cfd8d4c470cc6db6f6689ebf01eae07e47a46990 Mon Sep 17 00:00:00 2001 From: 田源 <tianyuan@vci-tech.com> Date: 星期四, 16 一月 2025 11:09:20 +0800 Subject: [PATCH] 修改个人信息&&添加操作类型 --- Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/rightRegion/bottomTable/index.vue | 183 +++++++++++++++++++++++++-------------------- 1 files changed, 103 insertions(+), 80 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 ad32bea..5e14d9b 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 @@ -13,20 +13,34 @@ @selection-change="selectChangeHandler" @row-click="rowClickHandler"> <template slot="menuLeft" slot-scope="scope"> - <el-button v-if="permissionChildrenList.UiPageLayoutAddBtn" icon="el-icon-plus" plain size="small" type="primary" - @click="addClickHandler">澧炲姞 - </el-button> - <el-button v-if="permissionChildrenList.UiPageLayoutDesignBtn" icon="el-icon-edit-outline" plain size="small" type="primary" - @click="btnDesignClickHandler">鎸夐挳璁捐 + <el-button v-if="permissionChildrenList.UiPageLayoutAddBtn" class="button-custom-icon" plain size="small" + type="primary" + @click="addClickHandler"> + <icon-show :name="permissionChildrenList.UiPageLayoutAddBtn.source"></icon-show> + 澧炲姞 </el-button> </template> <template slot="menu" slot-scope="scope"> - <el-button v-if="permissionChildrenList.UiPageLayoutEditBtn" icon="el-icon-edit" size="small" type="text" @click="editBtnClick(scope.row)">缂栬緫 + <el-button v-if="permissionChildrenList.UiPageLayoutDesignBtn" size="small" type="text" + @click="btnDesignClickHandler(scope.row)"> + <icon-show :name="permissionChildrenList.UiPageLayoutDesignBtn.source"></icon-show> + 鎸夐挳璁捐 </el-button> - <el-button v-if="permissionChildrenList.UiPageLayoutDelBtn" icon="el-icon-delete" size="small" type="text" @click="rowDeleteHandler(scope.row)">鍒犻櫎 + <el-button v-if="permissionChildrenList.UiPageLayoutEditBtn" size="small" type="text" + @click="editBtnClick(scope.row)"> + <icon-show :name="permissionChildrenList.UiPageLayoutEditBtn.source"></icon-show> + 缂栬緫 </el-button> - <el-button v-if="permissionChildrenList.UiPageLayoutCloneBtn" icon="el-icon-document-copy" size="small" type="text" @click="rowCloneHandler(scope.row)">鍏嬮殕 + <el-button v-if="permissionChildrenList.UiPageLayoutDelBtn" size="small" type="text" + @click="rowDeleteHandler(scope.row)"> + <icon-show :name="permissionChildrenList.UiPageLayoutDelBtn.source"></icon-show> + 鍒犻櫎 + </el-button> + <el-button v-if="permissionChildrenList.UiPageLayoutCloneBtn" size="small" type="text" + @click="rowCloneHandler(scope.row)"> + <icon-show :name="permissionChildrenList.UiPageLayoutCloneBtn.source"></icon-show> + 鍏嬮殕 </el-button> </template> @@ -114,19 +128,27 @@ <el-container v-loading="dialogLoading"> <el-header style="height: 40px !important;padding-left: 5px;"> <div style="display: flex"> - <el-button v-show="disabledBtn" :disabled="!disabledBtn" plain size="mini" type="primary" @click="addClickBtnHandler">娣诲姞 + <el-button v-show="disabledBtn" :disabled="!disabledBtn" plain size="mini" type="primary" + @click="addClickBtnHandler">娣诲姞 </el-button> - <el-button v-show="disabledBtn" :disabled="!disabledBtn" plain size="mini" type="primary" @click="editClickBtnHandler">淇敼 + <el-button v-show="disabledBtn" :disabled="!disabledBtn" plain size="mini" type="primary" + @click="editClickBtnHandler">淇敼 </el-button> - <el-button v-show="disabledBtn" :disabled="!disabledBtn" plain size="mini" type="danger" @click="delClickBtnHandler">鍒犻櫎 + <el-button v-show="disabledBtn" :disabled="!disabledBtn" plain size="mini" type="danger" + @click="delClickBtnHandler">鍒犻櫎 </el-button> - <el-button v-show="!disabledBtn" :disabled="disabledBtn" plain size="mini" icon="el-icon-check" type="success" @click="saveClickBtnHandler">淇濆瓨 + <el-button v-show="!disabledBtn" :disabled="disabledBtn" icon="el-icon-check" plain size="mini" + type="success" @click="saveClickBtnHandler">淇濆瓨 </el-button> - <el-button v-show="!disabledBtn" :disabled="disabledBtn" plain size="mini" icon="el-icon-close" type="danger" @click="escClickBtnHandler">鍙栨秷 + <el-button v-show="!disabledBtn" :disabled="disabledBtn" icon="el-icon-close" plain size="mini" + type="danger" @click="escClickBtnHandler">鍙栨秷 </el-button> - <el-button v-show="disabledBtn" plain size="mini" type="primary" @click="changeBottomBtnHandler">璋冩暣涓轰笅绾ф寜閽�</el-button> - <el-button v-show="disabledBtn" plain size="mini" type="primary" @click="changeTopBtnHandler">璋冩暣涓轰笂绾ф寜閽�</el-button> - <el-button v-show="disabledBtn" plain size="mini" type="primary" @click="cloneClickBtnHandler">澶嶅埗鍒板叾浠栫粍浠�</el-button> + <el-button v-show="disabledBtn" plain size="mini" type="primary" @click="changeBottomBtnHandler">璋冩暣涓轰笅绾ф寜閽� + </el-button> + <el-button v-show="disabledBtn" plain size="mini" type="primary" @click="changeTopBtnHandler">璋冩暣涓轰笂绾ф寜閽� + </el-button> + <el-button v-show="disabledBtn" plain size="mini" type="primary" @click="cloneClickBtnHandler">澶嶅埗鍒板叾浠栫粍浠� + </el-button> </div> </el-header> <el-container> @@ -143,7 +165,8 @@ <span slot-scope="{ node, data }" class="el-tree-node__label"> <span style="display: flex"> <i v-if="data.oId=='parentNode'" class="iconShow el-icon-s-home"></i> - <icon-show v-else :name="data.iconPath"></icon-show> + <icon-show v-if="data.oId!='parentNode' && data.iconPath && data.iconPath!='undefined'" + :name="data.iconPath"></icon-show> {{ (node || {}).label }} </span> </span> @@ -166,15 +189,17 @@ </el-col> <el-col :span="12"> - <el-form-item :inline-message='true' label="鍚嶇О锛�" prop="label"> + <el-form-item label="鍚嶇О锛�" prop="label"> <el-input v-model="basicForm.label" :disabled="disabledBtn"></el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="Action锛�" prop="actionName"> - <el-input v-model="basicForm.actionName" :disabled="disabledBtn" :clearable="true" @focus="actionFoucus" @clear="clearActionValue"> - <i slot="suffix" class="el-input__icon el-icon-search" style="cursor: pointer" @click="actionFoucus"></i> + <el-input v-model="basicForm.actionName" :clearable="true" :disabled="disabledBtn" + @clear="clearActionValue" @focus="actionFoucus"> + <i slot="suffix" class="el-input__icon el-icon-search" style="cursor: pointer" + @click="actionFoucus"></i> </el-input> </el-form-item> </el-col> @@ -194,15 +219,18 @@ </el-form-item> </el-col> - <el-col :span="12" v-show="basicForm.show=='0'"> + <el-col v-show="basicForm.show=='0'" :span="12"> <el-form-item label="鏄剧ず鏂瑰紡锛�" prop="showType"> <el-radio v-model="basicForm.displayMode" :disabled="disabledBtn" label="text">鏂囧瓧</el-radio> <el-radio v-model="basicForm.displayMode" :disabled="disabledBtn" label="image">鍥炬爣</el-radio> - <el-radio v-model="basicForm.displayMode" :disabled="disabledBtn" label="textandimage">鏂囧瓧鍜屽浘鏍�</el-radio> + <el-radio v-model="basicForm.displayMode" :disabled="disabledBtn" label="textandimage">鏂囧瓧鍜屽浘鏍� + </el-radio> </el-form-item> </el-col> - <el-col :span="24" v-show="basicForm.show=='0' && (basicForm.displayMode=='image'||basicForm.displayMode=='textandimage')"> - <el-form-item label="鍥炬爣锛�" prop="iconPath"> + <el-col + v-show="basicForm.show=='0' && (basicForm.displayMode=='image'||basicForm.displayMode=='textandimage')" + :span="24"> + <el-form-item :class="basicForm.displayMode==='image'?'is-required':''" label="鍥炬爣锛�" prop="iconPath"> <input-icon v-model="basicForm.iconPath" :disabled="disabledBtn"></input-icon> </el-form-item> </el-col> @@ -246,7 +274,8 @@ </el-container> </el-container> </el-dialog> - <action-dialog ref="actionDialog" @cancelAction="actionCancelHandler" @updataAction="actionSaveHandler"></action-dialog> + <action-dialog ref="actionDialog" @cancelAction="actionCancelHandler" + @updataAction="actionSaveHandler"></action-dialog> <clone-dialog ref="cloneDialog" :fromOid="fromOid" :sourceOId="sourceOId" paramsType="tab" type="pageDef"></clone-dialog> <clone-dialog ref="cloneBtnDialog" :fromOid="formBtnOid" :sourceOId="sourceBtnOid" paramsType="pageDef" @@ -363,14 +392,15 @@ editBtn: false, delBtn: false, refreshBtn: false, - dialogWidth:'600', - menuWidth:'150', + dialogWidth: '600', + menuWidth: '140', column: [ { label: '鍚嶇О', prop: 'name', - width:180, + width: 180, span: 24, + overHidden: true, rules: [ { required: true, @@ -382,8 +412,9 @@ { label: '鍊�', prop: 'value', - type:'textarea', + type: 'textarea', span: 24, + overHidden: true, rules: [ { required: true, @@ -402,13 +433,11 @@ {required: true, message: '璇疯緭鍏ュ悕绉�', trigger: 'blur'}, ], actionName: [ - {required: true, message: '璇烽�夋嫨Action', trigger: 'blur'}, + {required: true, message: '璇烽�夋嫨Action', trigger: 'change'}, ], }, // 鎸夐挳璁捐 鍩虹淇℃伅 - basicForm: { - seq: 1 - }, + basicForm: {}, treeData: [], treeOption: { menu: false, @@ -427,17 +456,19 @@ data: [], option: { ...basicOption, - size:'mini', + size: 'mini', height: this.height, addBtn: false, index: true, calcHeight: -30, editBtn: false, delBtn: false, + menuWidth: 300, column: [ { label: '鍚嶇О', prop: 'name', + width: 220, labelWidth: 110, rules: [ { @@ -448,8 +479,10 @@ ] }, { - label: '缂栧彿', + label: '搴忓彿', prop: 'seq', + width: 100, + type: 'number', labelWidth: 110, hide: false, rules: [ @@ -461,13 +494,13 @@ ], }, { - label: '', + label: 'UI瑙f瀽绫诲瀷', prop: 'uiParser', hide: true, labelWidth: 110, }, { - label: '', + label: '鎵╁睍灞炴��', prop: 'extAttr', hide: true, labelWidth: 110, @@ -602,8 +635,8 @@ ], group: [ { - icon:'el-icon-info', - label:'', + icon: 'el-icon-info', + label: '', arrow: true, prop: 'group1', column: [ @@ -853,17 +886,18 @@ lastIndex: null, selectList: [], formDataRow: {}, + defaultForm: {}, } }, - computed:{ + computed: { ...mapGetters(["permission"]), permissionChildrenList() { return { - UiPageLayoutAddBtn: this.vaildData(this.permission[this.$route.query.id].UiPageLayoutAdd, false), - UiPageLayoutEditBtn: this.vaildData(this.permission[this.$route.query.id].UiPageLayoutEdit, false), - UiPageLayoutDelBtn: this.vaildData(this.permission[this.$route.query.id].UiPageLayoutDel, false), - UiPageLayoutCloneBtn: this.vaildData(this.permission[this.$route.query.id].UiPageLayoutClone, false), - UiPageLayoutDesignBtn: this.vaildData(this.permission[this.$route.query.id].UiPageLayoutDesign, false), + UiPageLayoutAddBtn: this.vaildData(this.permission[this.$route.query.id].ADD3, false), + UiPageLayoutEditBtn: this.vaildData(this.permission[this.$route.query.id].EDIT3, false), + UiPageLayoutDelBtn: this.vaildData(this.permission[this.$route.query.id].DELETE3, false), + UiPageLayoutCloneBtn: this.vaildData(this.permission[this.$route.query.id].CLONE, false), + UiPageLayoutDesignBtn: this.vaildData(this.permission[this.$route.query.id].UPLOAD, false), } } }, @@ -923,7 +957,7 @@ this.lastIndex = newIndex; }, () => { - this.selectList = []; + this.selectList = [row]; } ); }, @@ -961,7 +995,6 @@ }; }); } - console.log('row',row); this.searchTargerChangeFlag = false; this.$refs.crud.rowEdit(row); }, @@ -995,6 +1028,10 @@ if (row.templateType === '6') { row.SubUIObjType = row.showType; row.showType = ""; + } + if (row.templateType === '5' && this.form.linkType && !this.form.showLinkAbs) { + this.$message.error('璇烽�夋嫨鍙傜収鏍戣缃�'); + return loading(); } const params = { ...row, @@ -1038,24 +1075,6 @@ // 瀵硅瘽妗嗚〃鏍兼坊鍔� formDataAddClickHandler() { - // if (!this.form.eventKey) { - // this.$message.error('璇烽�夋嫨EventKey'); - // return; - // } - // - // if (!this.form.eventValue) { - // this.$message.error('璇疯緭鍏ventValue'); - // return; - // } - // - // if (this.eventData.length >= 1) { - // const eventValueStatus = this.eventData.some(item => item.eventValue === this.form.eventValue); - // - // if (eventValueStatus) { - // this.$message.error('宸插瓨鍦ㄧ浉鍚岀殑 EventValue锛屼笉鑳介噸澶嶆坊鍔�'); - // return; - // } - // } const obj = { index: this.eventData.length, eventKey: this.form.eventKey || 'SelectionEvent', @@ -1147,34 +1166,34 @@ }, // 鎸夐挳璁捐 - btnDesignClickHandler() { - if (this.selectList.length != 1) { + btnDesignClickHandler(row) { + /*if (this.selectList.length != 1) { this.$message.error('璇烽�夋嫨涓�鏉℃暟鎹�'); return; - } + }*/ this.btnDesignVisible = true; - this.formBtnOid = this.selectList[0].id; - this.getTabBtnTree(); + this.formBtnOid = row.id; + this.getTabBtnTree(row); }, // 宸︿晶鏍戣姹� - getTabBtnTree() { + getTabBtnTree(row) { const params = { - pageDefinationOid: this.selectList[0].id + pageDefinationOid: row && row.id ? row.id : this.selectList[0].id } this.treeLoading = true; getTabButtons(params).then(res => { if (res.data.code === 200) { const data = res.data.data; this.treeData = [{ - label: this.selectList[0].name, + label: row && row.id ? row.name : this.selectList[0].name, oId: 'parentNode', disabled: true, children: data }]; this.treeLoading = false; } else { - this.$message.error('璇锋鏌ユ帶鍒跺彴閿欒'); + this.$message.error(res.data.msg); } }) }, @@ -1182,13 +1201,14 @@ // 鎸夐挳璁捐琛岀偣鍑� nodeTreeClick(row) { this.nodeTreeRow = row; + this.defaultForm = {...row}; this.basicForm = {...row}; this.paramsData = row.buttonParams ? Object.entries(row.buttonParams).map(([key, value]) => ({ name: key, value: value })) : []; this.disabledBtn = true; - this.$refs.form.clearValidate() + this.$refs.form.clearValidate(); }, // 鎸夐挳璁捐鍙傛暟淇℃伅鍒犻櫎 @@ -1261,12 +1281,15 @@ this.disabledBtn = true; if (this.saveType === 'add') { this.$refs.Tree.setCurrentKey(null); + this.$refs.form.resetFields(); + } else { + this.basicForm = {...this.defaultForm}; } }, // 鎸夐挳璁捐淇濆瓨 saveClickBtnHandler() { - if (this.basicForm.show == '0' && (this.basicForm.displayMode == 'image' || this.basicForm.displayMode == 'textandimage') && this.basicForm.iconPath == '') { + if (this.basicForm.show == '0' && this.basicForm.displayMode == 'image' && this.basicForm.iconPath == '') { this.$message.error('璇烽�夋嫨鍥炬爣'); return; } @@ -1295,9 +1318,9 @@ this.$message.success(res.data.obj); this.disabledBtn = true; this.getTabBtnTree(); - this.basicForm = {}; this.paramsData = []; this.dialogLoading = false; + this.$refs.form.resetFields(); } }).catch(err => { this.dialogLoading = false; @@ -1305,7 +1328,6 @@ } else { return false; } - done(); }); }, @@ -1365,17 +1387,18 @@ actionSaveHandler(val) { this.$set(this.basicForm, 'actionName', val.plName); this.$set(this.basicForm, 'actionOId', val.plOId); + this.$set(this.basicForm, 'iconPath', val.plImage);//鍥炬爣 this.$refs.form.clearValidate('Action') }, // action閫夋嫨寮圭獥鐩存帴鍏抽棴 actionCancelHandler() { - if(this.basicForm.actionOId){ + if (this.basicForm.actionOId) { this.$refs.form.clearValidate('Action') } }, //娓呴櫎action - clearActionValue(){ + clearActionValue() { this.$set(this.basicForm, 'actionName', ''); this.$set(this.basicForm, 'actionOId', ''); }, -- Gitblit v1.9.3