From 1d5aa0260234e327cae874e10a21e09f730f095b Mon Sep 17 00:00:00 2001 From: lixuliang <lixuliang_hd@126.com> Date: 星期二, 10 九月 2024 11:10:33 +0800 Subject: [PATCH] 更新 --- se-ui/src/views/system/menu/index.vue | 98 +++++++++++++++++++++++++----------------------- 1 files changed, 51 insertions(+), 47 deletions(-) diff --git a/se-ui/src/views/system/menu/index.vue b/se-ui/src/views/system/menu/index.vue index c703fa0..3a3dd78 100644 --- a/se-ui/src/views/system/menu/index.vue +++ b/se-ui/src/views/system/menu/index.vue @@ -37,13 +37,7 @@ >鏂板</el-button> </el-col> <el-col :span="1.5"> - <el-button - type="info" - plain - icon="el-icon-sort" - size="mini" - @click="toggleExpandAll" - >灞曞紑/鎶樺彔</el-button> + <el-button type="info" plain icon="el-icon-sort" size="mini" @click="toggleExpandAll">灞曞紑/鎶樺彔</el-button> </el-col> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> @@ -67,7 +61,7 @@ <el-table-column prop="component" label="缁勪欢璺緞" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="status" label="鐘舵��" width="80"> <template slot-scope="scope"> - <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/> + <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status" /> </template> </el-table-column> <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime"> @@ -117,13 +111,18 @@ /> </el-form-item> </el-col> - <el-col :span="24"> + <el-col :span="12"> <el-form-item label="鑿滃崟绫诲瀷" prop="menuType"> <el-radio-group v-model="form.menuType"> <el-radio label="M">鐩綍</el-radio> <el-radio label="C">鑿滃崟</el-radio> <el-radio label="F">鎸夐挳</el-radio> </el-radio-group> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鑿滃崟鏍囪瘑" prop="mark"> + <el-input v-model="form.mark" placeholder="璇疯緭鍏ヨ彍鍗曟爣璇�" /> </el-form-item> </el-col> <el-col :span="24" v-if="form.menuType != 'F'"> @@ -161,9 +160,8 @@ <el-form-item prop="isFrame"> <span slot="label"> <el-tooltip content="閫夋嫨鏄閾惧垯璺敱鍦板潃闇�瑕佷互`http(s)://`寮�澶�" placement="top"> - <i class="el-icon-question"></i> - </el-tooltip> - 鏄惁澶栭摼 + <i class="el-icon-question"></i> + </el-tooltip>鏄惁澶栭摼 </span> <el-radio-group v-model="form.isFrame"> <el-radio label="0">鏄�</el-radio> @@ -175,9 +173,8 @@ <el-form-item prop="path"> <span slot="label"> <el-tooltip content="璁块棶鐨勮矾鐢卞湴鍧�锛屽锛歚user`锛屽澶栫綉鍦板潃闇�鍐呴摼璁块棶鍒欎互`http(s)://`寮�澶�" placement="top"> - <i class="el-icon-question"></i> - </el-tooltip> - 璺敱鍦板潃 + <i class="el-icon-question"></i> + </el-tooltip>璺敱鍦板潃 </span> <el-input v-model="form.path" placeholder="璇疯緭鍏ヨ矾鐢卞湴鍧�" /> </el-form-item> @@ -186,9 +183,8 @@ <el-form-item prop="component"> <span slot="label"> <el-tooltip content="璁块棶鐨勭粍浠惰矾寰勶紝濡傦細`system/user/index`锛岄粯璁ゅ湪`views`鐩綍涓�" placement="top"> - <i class="el-icon-question"></i> - </el-tooltip> - 缁勪欢璺緞 + <i class="el-icon-question"></i> + </el-tooltip>缁勪欢璺緞 </span> <el-input v-model="form.component" placeholder="璇疯緭鍏ョ粍浠惰矾寰�" /> </el-form-item> @@ -197,10 +193,12 @@ <el-form-item prop="perms"> <el-input v-model="form.perms" placeholder="璇疯緭鍏ユ潈闄愭爣璇�" maxlength="100" /> <span slot="label"> - <el-tooltip content="鎺у埗鍣ㄤ腑瀹氫箟鐨勬潈闄愬瓧绗︼紝濡傦細@PreAuthorize(`@ss.hasPermi('system:user:list')`)" placement="top"> - <i class="el-icon-question"></i> - </el-tooltip> - 鏉冮檺瀛楃 + <el-tooltip + content="鎺у埗鍣ㄤ腑瀹氫箟鐨勬潈闄愬瓧绗︼紝濡傦細@PreAuthorize(`@ss.hasPermi('system:user:list')`)" + placement="top" + > + <i class="el-icon-question"></i> + </el-tooltip>鏉冮檺瀛楃 </span> </el-form-item> </el-col> @@ -208,10 +206,9 @@ <el-form-item prop="query"> <el-input v-model="form.query" placeholder="璇疯緭鍏ヨ矾鐢卞弬鏁�" maxlength="255" /> <span slot="label"> - <el-tooltip content='璁块棶璺敱鐨勯粯璁や紶閫掑弬鏁帮紝濡傦細`{"id": 1, "name": "ry"}`' placement="top"> - <i class="el-icon-question"></i> - </el-tooltip> - 璺敱鍙傛暟 + <el-tooltip content="璁块棶璺敱鐨勯粯璁や紶閫掑弬鏁帮紝濡傦細`{id: 1, name: ry}`" placement="top"> + <i class="el-icon-question"></i> + </el-tooltip>璺敱鍙傛暟 </span> </el-form-item> </el-col> @@ -219,9 +216,8 @@ <el-form-item prop="isCache"> <span slot="label"> <el-tooltip content="閫夋嫨鏄垯浼氳`keep-alive`缂撳瓨锛岄渶瑕佸尮閰嶇粍浠剁殑`name`鍜屽湴鍧�淇濇寔涓�鑷�" placement="top"> - <i class="el-icon-question"></i> - </el-tooltip> - 鏄惁缂撳瓨 + <i class="el-icon-question"></i> + </el-tooltip>鏄惁缂撳瓨 </span> <el-radio-group v-model="form.isCache"> <el-radio label="0">缂撳瓨</el-radio> @@ -233,9 +229,8 @@ <el-form-item prop="visible"> <span slot="label"> <el-tooltip content="閫夋嫨闅愯棌鍒欒矾鐢卞皢涓嶄細鍑虹幇鍦ㄤ晶杈规爮锛屼絾浠嶇劧鍙互璁块棶" placement="top"> - <i class="el-icon-question"></i> - </el-tooltip> - 鏄剧ず鐘舵�� + <i class="el-icon-question"></i> + </el-tooltip>鏄剧ず鐘舵�� </span> <el-radio-group v-model="form.visible"> <el-radio @@ -250,9 +245,8 @@ <el-form-item prop="status"> <span slot="label"> <el-tooltip content="閫夋嫨鍋滅敤鍒欒矾鐢卞皢涓嶄細鍑虹幇鍦ㄤ晶杈规爮锛屼篃涓嶈兘琚闂�" placement="top"> - <i class="el-icon-question"></i> - </el-tooltip> - 鑿滃崟鐘舵�� + <i class="el-icon-question"></i> + </el-tooltip>鑿滃崟鐘舵�� </span> <el-radio-group v-model="form.status"> <el-radio @@ -274,14 +268,20 @@ </template> <script> -import { listMenu, getMenu, delMenu, addMenu, updateMenu } from "@/api/system/menu"; +import { + listMenu, + getMenu, + delMenu, + addMenu, + updateMenu +} from "@/api/system/menu"; import Treeselect from "@riophae/vue-treeselect"; import "@riophae/vue-treeselect/dist/vue-treeselect.css"; import IconSelect from "@/components/IconSelect"; export default { name: "Menu", - dicts: ['sys_show_hide', 'sys_normal_disable'], + dicts: ["sys_show_hide", "sys_normal_disable"], components: { Treeselect, IconSelect }, data() { return { @@ -316,9 +316,7 @@ orderNum: [ { required: true, message: "鑿滃崟椤哄簭涓嶈兘涓虹┖", trigger: "blur" } ], - path: [ - { required: true, message: "璺敱鍦板潃涓嶈兘涓虹┖", trigger: "blur" } - ] + path: [{ required: true, message: "璺敱鍦板潃涓嶈兘涓虹┖", trigger: "blur" }] } }; }, @@ -353,7 +351,7 @@ getTreeselect() { listMenu().then(response => { this.menuOptions = []; - const menu = { menuId: 0, menuName: '涓荤被鐩�', children: [] }; + const menu = { menuId: 0, menuName: "涓荤被鐩�", children: [] }; menu.children = this.handleTree(response.data, "menuId"); this.menuOptions.push(menu); }); @@ -371,6 +369,7 @@ menuName: undefined, icon: undefined, menuType: "M", + mark: "", orderNum: undefined, isFrame: "1", isCache: "0", @@ -394,6 +393,7 @@ this.getTreeselect(); if (row != null && row.menuId) { this.form.parentId = row.menuId; + this.form.mark = row.mark; } else { this.form.parentId = 0; } @@ -440,12 +440,16 @@ }, /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete(row) { - this.$modal.confirm('鏄惁纭鍒犻櫎鍚嶇О涓�"' + row.menuName + '"鐨勬暟鎹」锛�').then(function() { - return delMenu(row.menuId); - }).then(() => { - this.getList(); - this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - }).catch(() => {}); + this.$modal + .confirm('鏄惁纭鍒犻櫎鍚嶇О涓�"' + row.menuName + '"鐨勬暟鎹」锛�') + .then(function() { + return delMenu(row.menuId); + }) + .then(() => { + this.getList(); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }) + .catch(() => {}); } } }; -- Gitblit v1.9.3