From 9644ad8546c51776824ac046bac9f57e17ac5694 Mon Sep 17 00:00:00 2001 From: 田源 <tianyuan@vci-tech.com> Date: 星期四, 26 十二月 2024 16:41:40 +0800 Subject: [PATCH] 业务功能模块&&管理功能模块树结构修改为图标库图标以及图标选择修改为新图标库选择 系统菜单图标更改为图标库图标并且设置默认图标 --- Source/plt-web/plt-web-ui/src/views/systemModel/mangeModel/index.vue | 68 +++++++++++++++++++++------------ 1 files changed, 43 insertions(+), 25 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..443976c 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,8 @@ <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 :name="data.icon" class="iconShowSpan"></icon-show> {{ (node || {}).label }} </span> </span> @@ -18,8 +18,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 +59,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"> @@ -75,27 +77,39 @@ <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 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 label="B/S锛�"> - <el-input v-model="form.path" :disabled="!editStatus && !addStatus" :rows="2" placeholder="璇疯緭鍏/S璺緞" type="textarea"></el-input> + <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=".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 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="搴忓彿锛�"> - <el-input v-model="form.sort" :disabled="!editStatus && !addStatus" placeholder="鏁板瓧锛屾弿杩拌妯″潡鍦ㄥ叾鐖舵ā鍧椾笅鐨勬樉绀洪『搴�"></el-input> + <el-input v-model="form.sort" :disabled="!editStatus && !addStatus" + placeholder="鏁板瓧锛屾弿杩拌妯″潡鍦ㄥ叾鐖舵ā鍧椾笅鐨勬樉绀洪『搴�"></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 @@ -177,13 +191,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', @@ -228,7 +240,7 @@ 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 => { @@ -237,7 +249,8 @@ ...item, id: item.id, name: item.name, - leaf: !item.hasChildren + leaf: !item.hasChildren, + icon: item.source || 'iconoir:home' } })) }) @@ -402,8 +415,6 @@ exportFunctionSql({isFunction: true}).then(res => { func.downloadFileByBlobHandler(res); this.$message.success('瀵煎嚭鎴愬姛'); - }).catch(err => { - this.$message.error(err); }); }, @@ -508,6 +519,7 @@ upLoadClickHandler() { this.$refs.upload.visible = true; }, + handleRefreshTree(type) { //type:add\edit\del if (type == "del") { @@ -542,4 +554,10 @@ margin-bottom: 15px; } +.iconShowSpan{ + display: inline-block; + width: 14px !important; + height: 14px !important; + margin-right: 3px; +} </style> -- Gitblit v1.9.3