From ea57d9c45a677c1875301e09ea6aa68c6d562f44 Mon Sep 17 00:00:00 2001 From: lzhe <lzhe@example.com> Date: 星期日, 07 四月 2024 18:24:42 +0800 Subject: [PATCH] 1 --- 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="璇疯緭鍏ヨ嚜瀹氫箟瑙勫垯浠g爜"></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