From 9bee0b12896d72f497b0ef3ce93cde9f36de64ed Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期三, 10 四月 2024 20:40:44 +0800
Subject: [PATCH] 完善分类维护页面
---
src/views/console/authority/role/permission.vue | 59 +++++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 49 insertions(+), 10 deletions(-)
diff --git a/src/views/console/authority/role/permission.vue b/src/views/console/authority/role/permission.vue
index 0c6f51c..f80f9f0 100644
--- a/src/views/console/authority/role/permission.vue
+++ b/src/views/console/authority/role/permission.vue
@@ -1,15 +1,50 @@
<template>
<el-dialog title="瑙掕壊鏉冮檺璁剧疆" v-model="visible" :width="500" destroy-on-close @closed="$emit('closed')">
<el-tabs tab-position="top">
- <el-tab-pane label="鑿滃崟">
+ <el-tab-pane label="鑿滃崟鏉冮檺">
<div class="treeMain">
<el-tree ref="menu" node-key="name" :data="menu.list" :props="menu.props" show-checkbox></el-tree>
</div>
</el-tab-pane>
- <el-tab-pane label="鍗＄墖">
+ <el-tab-pane label="鏁版嵁鏉冮檺">
+ <el-form label-width="100px" label-position="left">
+ <el-form-item label="瑙勫垯绫诲瀷">
+ <el-select v-model="data.dataType" placeholder="璇烽�夋嫨">
+ <el-option label="鍏ㄩ儴鍙" value="1"></el-option>
+ <el-option label="鏈汉鍙" value="2"></el-option>
+ <el-option label="鎵�鍦ㄩ儴闂ㄥ彲瑙�" value="3"></el-option>
+ <el-option label="鎵�鍦ㄩ儴闂ㄥ強瀛愮骇鍙" value="4"></el-option>
+ <el-option label="閫夋嫨鐨勯儴闂ㄥ彲瑙�" value="5"></el-option>
+ <el-option label="鑷畾涔�" value="6"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="閫夋嫨閮ㄩ棬" v-show="data.dataType=='5'">
+ <div class="treeMain" style="width: 100%;">
+ <el-tree ref="dept" node-key="id" :data="data.list" :props="data.props" show-checkbox></el-tree>
+ </div>
+ </el-form-item>
+ <el-form-item label="瑙勫垯鍊�" v-show="data.dataType=='6'">
+ <el-input v-model="data.rule" clearable type="textarea" :rows="6" placeholder="璇疯緭鍏ヨ嚜瀹氫箟瑙勫垯浠ｇ爜"></el-input>
+ </el-form-item>
+ </el-form>
+ </el-tab-pane>
+ <el-tab-pane label="鎺у埗鍙版ā鍧�">
<div class="treeMain">
<el-tree ref="grid" node-key="key" :data="grid.list" :props="grid.props" :default-checked-keys="grid.checked" show-checkbox></el-tree>
</div>
+ </el-tab-pane>
+ <el-tab-pane label="鎺у埗鍙�">
+ <el-form label-width="100px" label-position="left">
+ <el-form-item label="鎺у埗鍙拌鍥�">
+ <el-select v-model="dashboard" placeholder="璇烽�夋嫨">
+ <el-option v-for="item in dashboardOptions" :key="item.value" :label="item.label" :value="item.value">
+ <span style="float: left">{{ item.label }}</span>
+ <span style="float: right; color: #8492a6; font-size: 12px">{{ item.views }}</span>
+ </el-option>
+ </el-select>
+ <div class="el-form-item-msg">鐢ㄤ簬鎺у埗瑙掕壊鐧诲綍鍚庢帶鍒跺彴鐨勮鍥�</div>
+ </el-form-item>
+ </el-form>
</el-tab-pane>
</el-tabs>
<template #footer>
@@ -71,9 +106,9 @@
}
},
mounted() {
- // this.getMenu()
- // this.getDept()
- // this.getGrid()
+ this.getMenu()
+ this.getDept()
+ this.getGrid()
},
methods: {
open(){
@@ -120,25 +155,29 @@
this.grid.list = [
{
key: "welcome",
- title: "涓绘暟鎹�",
+ title: "娆㈣繋",
isFixed: true
},
{
key: "ver",
- title: "閲囬泦鍒嗘瀽",
+ title: "鐗堟湰淇℃伅",
isFixed: true
},
{
key: "time",
- title: "鐢熶骇宸ヨ壓"
+ title: "鏃堕挓"
},
{
key: "progress",
- title: "鏁板瓧鐪嬫澘"
+ title: "杩涘害鐜�"
},
{
key: "echarts",
- title: "閰嶇疆涓績"
+ title: "瀹炴椂鏀跺叆"
+ },
+ {
+ key: "about",
+ title: "鍏充簬椤圭洰"
}
]
}
--
Gitblit v1.9.3