From 807097a9a8db81475ac1820c60175ae382b26928 Mon Sep 17 00:00:00 2001 From: wangting <wangting@vci-tech.com> Date: 星期五, 03 一月 2025 15:42:29 +0800 Subject: [PATCH] 调整别名显示 --- Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue | 155 ++++++++++++++++++++++++++++++--------------------- 1 files changed, 91 insertions(+), 64 deletions(-) diff --git a/Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue b/Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue index b097807..6565333 100644 --- a/Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue +++ b/Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue @@ -6,8 +6,9 @@ <avue-tree :key="refresh" ref="tree" :data="treeData" :option="treeOption" node-key="id" @node-click="nodeClick"> <span slot-scope="{ node, data }" class="el-tree-node__label"> - <span style="font-size: 15px"> - <i class="el-icon-s-promotion"></i> + <span style="display: flex"> + <icon-show v-if="data.iconType=='svg'" :name="data.icon"></icon-show> + <i v-else :class="data.icon"></i> {{ (node || {}).label }} </span> </span> @@ -18,8 +19,10 @@ <el-main> <basic-container> - <div v-if="(form.childType || form.childType === 0) && !addStatus && !editStatus && form.category !== 1" class="btnBox"> - <el-button :disabled="(mangeShowBtn || form.childType === 0) ? false : !childTypeBtn" icon="el-icon-plus" plain + <div v-if="(form.childType || form.childType === 0) && !addStatus && !editStatus && form.category !== 1" + class="btnBox"> + <el-button :disabled="(mangeShowBtn || form.childType === 0) ? false : !childTypeBtn" icon="el-icon-plus" + plain size="small" type="primary" @click="addClickHandler">澧炲姞 </el-button> @@ -57,8 +60,8 @@ <el-button v-if="editStatus" icon="el-icon-check" plain size="small" type="success" @click="editSaveClickHandler">淇濆瓨 </el-button> - <el-button icon="el-icon-close" plain size="small" - type="danger" @click="addStatus=false;editStatus=false;">鍙栨秷 + <el-button icon="el-icon-close" plain size="small" + type="danger" @click="addStatus=false;editStatus=false;">鍙栨秷 </el-button> </div> <div v-if="form.category === 1" class="btnBox"> @@ -67,35 +70,50 @@ <el-button icon="el-icon-close" plain size="small" type="danger" @click="deleteOperationClickHandler">鍒犻櫎 </el-button> </div> - <el-form ref="form" :model="form" label-width="85px" style="max-height: calc(100vh - 200px);overflow: auto;"> + <el-form ref="form" :model="form" label-width="100px" style="max-height: calc(100vh - 200px);overflow: auto;"> <span v-if="form.category !== 1"> - <el-form-item label="妯″潡鍚嶏細"> - <el-input v-model="form.name" :disabled="!editStatus && !addStatus" placeholder="璇疯緭鍏ユā鍧楀悕"></el-input> + <el-form-item class="is-required"> + <span slot="label">妯″潡鍚嶏細</span> + <el-input v-model="form.name" :disabled="!editStatus && !addStatus" placeholder="璇疯緭鍏ユā鍧楀悕"></el-input> + </el-form-item> + <el-form-item class="is-required"> + <span slot="label">妯″潡鍒悕锛�</span> + <el-input v-model="form.alias" :disabled="!editStatus && !addStatus" placeholder="璇疯緭鍏ユā鍧楀埆鍚�"></el-input> + </el-form-item> + <el-form-item class="is-required"> + <span slot="label">搴忓彿锛�</span> + <el-input-number v-model="form.sort" :disabled="!editStatus && !addStatus"></el-input-number> + <el-link :underline="false" style="margin-left: 20px" type="danger">鏁板瓧锛屾弿杩拌妯″潡鍦ㄥ叾鐖舵ā鍧椾笅鐨勬樉绀洪『搴�</el-link> + </el-form-item> + <el-form-item v-if="form.functionType === 0" label="C/S锛�"> + <el-input v-model="form.pathC" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏/S璺緞" + type="textarea"></el-input> + </el-form-item> + <el-form-item v-if="form.functionType === 0" label="B/S锛�"> + <el-input v-model="form.path" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏/S璺緞" + type="textarea"></el-input> </el-form-item> - <el-form-item label="妯″潡鍒悕锛�"> - <el-input v-model="form.alias" :disabled="!editStatus && !addStatus" placeholder="妯″潡鍒悕鐢ㄦ潵璁板綍鏃ュ織浣跨敤"></el-input> - </el-form-item> - <el-form-item label="C/S锛�"> - <el-input v-model="form.pathC" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏/S璺緞" type="textarea"></el-input> - </el-form-item> - <el-form-item label="B/S锛�"> - <el-input v-model="form.path" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏/S璺緞" type="textarea"></el-input> - </el-form-item> - <el-form-item label=".NET锛�"> - <el-input v-model="form.resourceDotNet" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏�.NET" type="textarea"></el-input> - </el-form-item> - <el-form-item label="Mobile锛�"> - <el-input v-model="form.resourceMobile" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏obile" type="textarea"></el-input> - </el-form-item> - <el-form-item label="搴忓彿锛�"> - <el-input v-model="form.sort" :disabled="!editStatus && !addStatus" placeholder="鏁板瓧锛屾弿杩拌妯″潡鍦ㄥ叾鐖舵ā鍧椾笅鐨勬樉绀洪『搴�"></el-input> + <el-form-item v-if="form.functionType === 0" label=".NET锛�"> + <el-input v-model="form.resourceDotNet" :disabled="!editStatus && !addStatus" :rows="2" + placeholder="璇疯緭鍏�.NET" type="textarea"></el-input> </el-form-item> <el-form-item label="鍥炬爣锛�"> - <avue-input-icon v-model="form.source" :disabled="!editStatus && !addStatus" :icon-list="iconList" placeholder="璇烽�夋嫨鍥炬爣"> - </avue-input-icon> + <input-icon v-model="form.source" :disabled="!editStatus && !addStatus" placeholder="璇烽�夋嫨鍥炬爣"> + </input-icon> </el-form-item> <el-form-item label="鎻忚堪锛�"> - <el-input v-model="form.remark" :disabled="!editStatus && !addStatus" :rows="3" placeholder="璇疯緭鍏ユ弿杩�" type="textarea"></el-input> + <el-input v-model="form.remark" :disabled="!editStatus && !addStatus" :rows="3" placeholder="璇疯緭鍏ユ弿杩�" + type="textarea"></el-input> + </el-form-item> + <el-form-item label="鏄惁鑿滃崟锛�"> + <el-switch + v-model="form.functionType" + :active-value="0" + :disabled="!editStatus && !addStatus" + :inactive-value="1" + active-color="#13ce66" + inactive-color="#ff4949"> + </el-switch> </el-form-item> <el-form-item label="鏄惁鏈夋晥锛�"> <el-switch @@ -108,28 +126,27 @@ </el-form-item> </span> <span v-if="form.category === 1"> - <el-form-item label="鍚嶇О锛�"> - <el-input v-model="form.name" :disabled="form.category === 1" placeholder="璇疯緭鍏ュ悕绉�"></el-input> + <el-form-item label="鍚嶇О锛�" class="is-required"> + <el-input v-model="form.name" :disabled="form.category === 1" placeholder="璇疯緭鍏ュ悕绉�"></el-input> </el-form-item> - <el-form-item label="鏍囪瘑锛�"> - <el-input v-model="form.code" :disabled="form.category === 1" placeholder="璇疯緭鍏ユ爣璇�"></el-input> + <el-form-item label="鏍囪瘑锛�" class="is-required"> + <el-input v-model="form.code" :disabled="form.category === 1" placeholder="璇疯緭鍏ユ爣璇�"></el-input> </el-form-item> - <el-form-item label="鍒悕锛�"> - <el-input v-model="form.alias" placeholder="璇疯緭鍏ュ埆鍚�"></el-input> + <el-form-item label="鍒悕锛�" class="is-required"> + <el-input v-model="form.alias" placeholder="璇疯緭鍏ュ埆鍚�"></el-input> </el-form-item> - <el-form-item label="缂栧彿锛�"> - <el-input v-model="form.sort" :disabled="form.category === 1" placeholder="璇疯緭鍏ョ紪鍙�"></el-input> + <el-form-item label="缂栧彿锛�" class="is-required"> + <el-input-number v-model="form.sort" :disabled="form.category === 1" :max="63" :min="1"></el-input-number> </el-form-item> <el-form-item label="鎻忚堪锛�"> - <el-input v-model="form.remark" :disabled="form.category === 1" placeholder="璇疯緭鍏ユ弿杩�"></el-input> + <el-input v-model="form.remark" :disabled="form.category === 1" placeholder="璇疯緭鍏ユ弿杩�"></el-input> </el-form-item> <el-form-item label="鏄惁鏈夋晥锛�"> - <el-switch - v-model="form.isValid" - active-color="#13ce66" - inactive-color="#ff4949"> - </el-switch> - + <el-switch + v-model="form.isValid" + active-color="#13ce66" + inactive-color="#ff4949"> + </el-switch> </el-form-item> </span> </el-form> @@ -141,7 +158,7 @@ append-to-body="true" class="avue-dialog" title="鎿嶄綔鍒嗙被" - width="500px" + width="900px" > <avue-crud ref="methodsCrud" @@ -177,13 +194,11 @@ } from "@/api/systemModel/mangeModel/api" import func from "@/util/func"; import basicOption from "@/util/basic-option"; -import iconList from "@/config/iconList"; export default { name: "index", data() { return { - iconList: iconList, tipList: [], upFileType: ['xls', 'xlsx'], fileUrl: 'api/hmSysModConfigController/importModule', @@ -197,13 +212,19 @@ menu: false, height: 500, header: false, - column: [ - { - label: '鎿嶄綔鍒嗙被', - prop: 'name', - sortable: true, - } - ] + column: [{ + label: '鍚嶇О', + prop: 'name', + width:180, + sortable: true, + }, { + label: '鏍囪瘑', + prop: 'code', + width:180, + }, { + label: '鎻忚堪', + prop: 'remark' + }] }, methodsLoading: false, methodsVisble: false, @@ -221,23 +242,24 @@ addBtn: false, defaultExpandAll: false, props: { - label: 'name', + label: 'label', value: 'id', children: 'children', }, lazy: true, treeLoad: (node, resolve) => { const params = { - parentId: node.level === 0 ? "systemManagmentNode" : node.data.id, + parentId: node.level === 0 ? "system" : node.data.id, modeType: node.level === 0 ? "firstNode" : node.data.modeType, } getSysModelTreeMenuByPID(params).then(res => { resolve(res.data.data.map(item => { return { ...item, - id: item.id, - name: item.name, - leaf: !item.hasChildren + label: item.category!=1?item.name:item.alias, + leaf: !item.hasChildren, + icon: item.source || (node.level === 0?'el-icon-s-home':'el-icon-s-tools'), + iconType:item.source?'svg':'iconfont' } })) }) @@ -298,6 +320,10 @@ this.$message.error('妯″潡鍚嶄笉鑳戒负绌�'); return } + if (!this.form.alias) { + this.$message.error('鑿滃崟鏍囪瘑涓嶈兘涓虹┖'); + return + } if (this.form.name.length > 128) { this.$message.error('妯″潡鍚嶉暱搴︿笉鑳借秴杩�128锛�'); return @@ -340,6 +366,10 @@ editSaveClickHandler() { if (!this.form.name) { this.$message.error('妯″潡鍚嶄笉鑳戒负绌�'); + return + } + if (!this.form.alias) { + this.$message.error('鑿滃崟鏍囪瘑涓嶈兘涓虹┖'); return } if (this.form.name.length > 128) { @@ -402,8 +432,6 @@ exportFunctionSql({isFunction: true}).then(res => { func.downloadFileByBlobHandler(res); this.$message.success('瀵煎嚭鎴愬姛'); - }).catch(err => { - this.$message.error(err); }); }, @@ -440,7 +468,6 @@ } }) addOperationType(list).then(res => { - console.log(res) if (res.data.code === 200) { this.methodsVisble = false; this.$message.success(res.data.msg); @@ -460,7 +487,7 @@ this.lastIndex = newIndex; }, () => { - this.methodsList = []; + this.methodsList = [row]; } ); }, @@ -508,6 +535,7 @@ upLoadClickHandler() { this.$refs.upload.visible = true; }, + handleRefreshTree(type) { //type:add\edit\del if (type == "del") { @@ -541,5 +569,4 @@ justify-content: left; margin-bottom: 15px; } - </style> -- Gitblit v1.9.3