From 78563aa7a2a3304e872fe35094e6925a64f5b4b2 Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期二, 25 十月 2022 17:34:17 +0800
Subject: [PATCH] 案件图片展示
---
src/views/systemSetting/baseSetting/role/updateUser/index.vue | 104 +++++++++++++++++++++-------------------------------
1 files changed, 42 insertions(+), 62 deletions(-)
diff --git a/src/views/systemSetting/baseSetting/role/updateUser/index.vue b/src/views/systemSetting/baseSetting/role/updateUser/index.vue
index b697ddf..c7940b3 100644
--- a/src/views/systemSetting/baseSetting/role/updateUser/index.vue
+++ b/src/views/systemSetting/baseSetting/role/updateUser/index.vue
@@ -4,12 +4,12 @@
<div class="mainContent">
<div class="my-tree">
<div class="my-tree__wrap">
- <el-tree ref="tree" :data="roleList" :props="defaultProps" show-checkbox
- @check="handleCheck" :default-checked-keys="checkedIds" default-expand-all node-key="id">
+ <el-tree ref="tree" :data="roleList" :props="defaultProps" show-checkbox @check="handleCheck"
+ :default-checked-keys="checkedIds" default-expand-all node-key="id">
</el-tree>
</div>
- <div class="my-tree__bottom"></div>
- <div class="my-tree__right"></div>
+ <!-- <div class="my-tree__bottom"></div> -->
+ <!-- <div class="my-tree__right"></div> -->
</div>
<div class="selection">
<el-button class="cancel" @click="resetRole">鍙栨秷</el-button>
@@ -45,26 +45,6 @@
this.getMenuList();
},
methods: {
- handleUser() {
- this.$refs.user.validate((valid) => {
- if (valid) {
- const { role } = this;
- console.log(role);
- this.$axios.post('/sccg/role/update/' + role.id, {
- id: role.id,
- status: role.status,
- description: role.description,
- name: role.name,
- sort: 0
- }).then(res => {
- this.$emit('changeDialog', { dialogUpdate: false });
- this.getUserList();
- })
- } else {
- return false;
- }
- })
- },
// 鑾峰彇绯荤粺鑿滃崟
getMenuList() {
this.$axios({
@@ -75,14 +55,6 @@
this.roleList = res.data;
})
},
- // 鐐瑰嚮鏍戣妭鐐�
- handleNodeClick({ title, id }) {
- // console.log(obj);
- this.role.sort = title;
- this.treeLabel = title;
- this.treeId = id;
-
- },
// 鏍戝舰鎺т欢澶嶉�夋鐐瑰嚮浜嬩欢
handleCheck(data, checked) {
console.log(checked.checkedKeys);
@@ -92,45 +64,47 @@
// 淇濆瓨role
saveRole() {
this.resCheckedIds = [];
- const {userInfo} = this;
+ const { userInfo } = this;
this.resCheckedIds = this.checkedIds;
this.$axios({
- method:'post',
- url:'sccg/role/allocMenu?roleId='+userInfo.id + '&menuIds=' + this.checkedIds,
+ method: 'post',
+ url: 'sccg/role/allocMenu?roleId=' + userInfo.id + '&menuIds=' + this.checkedIds,
})
- .then(res=>{
- if(res.code === 200){
- this.$message({
- type:'success',
- message:'淇敼瑙掕壊鏉冮檺鎴愬姛',
- })
- this.getRoleMenus(userInfo.id);
- }else{
- this.$message({
- type:'warning',
- message:res.message
- })
- }
- })
+ .then(res => {
+ if (res.code === 200) {
+ this.$message({
+ type: 'success',
+ message: '淇敼瑙掕壊鏉冮檺鎴愬姛',
+ })
+ this.getRoleMenus(userInfo.id);
+ this.$emit('changeDialog', { flag: false });
+ this.getUserList();
+ } else {
+ this.$message({
+ type: 'warning',
+ message: res.message
+ })
+ }
+ })
// this.$emit('changeDialog',{dialogUpdate:false});
},
// 娑堥櫎role
resetRole() {
this.resCheckedIds = [];
- this.$emit('changeDialog',{dialogUpdate:false});
+ this.$emit('changeDialog', { dialogUpdate: false });
},
// 鑾峰彇瑙掕壊鑿滃崟
- getRoleMenus(roleId){
+ getRoleMenus(roleId) {
this.$axios({
- method:'get',
- url:`sccg/role/listMenu/${roleId}`
+ method: 'get',
+ url: `sccg/role/listMenu/${roleId}`
})
- .then(res=>{
- this.checkedIds = [];
- res.data.forEach(item=>{
- this.checkedIds.push(item.id);
+ .then(res => {
+ this.checkedIds = [];
+ res.data.forEach(item => {
+ this.checkedIds.push(item.id);
+ })
})
- })
}
},
props: ['userInfo', 'updateFlag', 'getUserList', 'changeDialog']
@@ -140,10 +114,12 @@
.updateUser {
border-radius: 1px;
background-color: #09152f;
+
main {
text-align: left;
padding: 50px 55px;
background-color: #09152f;
+
.mainContent {
.my-tree {
height: 200px;
@@ -151,11 +127,13 @@
background-color: #17324c;
position: relative;
border-radius: 4px;
- .my-tree__wrap{
- overflow: scroll;
+
+ .my-tree__wrap {
+ overflow-y: scroll;
height: 200px;
}
- .my-tree__bottom{
+
+ .my-tree__bottom {
position: absolute;
left: 0px;
bottom: 0px;
@@ -164,7 +142,8 @@
height: 20px;
border-bottom-left-radius: 4px;
}
- .my-tree__right{
+
+ .my-tree__right {
position: absolute;
right: 0px;
top: 0px;
@@ -191,6 +170,7 @@
margin-top: 10px;
display: flex;
justify-content: space-between;
+
.el-button {
padding: 10px 20px;
border-radius: 4px;
--
Gitblit v1.8.0