合并

src/config/api.js

@@ -43,6 +43,26 @@ const apis = {
     roleManagementList:{
       method:'get',
       url: `${commPrefix}/user/roleManagementList`
+    },
+    roleAll:{
+      method:'get',
+      url: `${commPrefix}/roleAll`
+    },
+    addUserRole:{
+      method:'post',
+      url: `${commPrefix}/addUserRole`
+    },
+    userRoledetails:{
+      method:'get',
+      url: `${commPrefix}/userRoledetails`
+    },
+    updateUserRolede:{
+      method:'post',
+      url: `${commPrefix}/updateUserRolede`
+    },
+    deleteUserRole:{
+      method:'post',
+      url: `${commPrefix}/deleteUserRole`
     }
   },
   type: {
@@ -299,6 +319,6 @@ const apis = {
       method:'get',
       url: `${commPrefix}/customerList`
     }
-  },
+  }
 }
 export default apis

src/store/modules/sysuser.js

@@ -84,11 +84,61 @@ export default {
         commit('updateList', data)
       })
     },
-    roleManagementList({ commit }, payload) { // 查询所有
+    roleManagementList({ commit }, payload) { 
       const api = lodash.get(apis, 'sysuser.roleManagementList')
       interact(api, payload).then((data) => {
         commit('updateList', data)
       })
+    },
+    roleAll({ commit }, payload) { 
+      const api = lodash.get(apis, 'sysuser.roleAll')
+      interact(api, payload).then((data) => {
+        commit('updateList', data)
+      })
+    },
+    addUserRole ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        const api = lodash.get(apis, 'sysuser.addUserRole')
+        interact(api,payload).then((data) => {
+          commit('updateList', data)
+          resolve(data)
+        }).catch(() => {
+          reject()
+        })
+      })
+    },
+    userRoledetails ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        const api = lodash.get(apis, 'sysuser.userRoledetails')
+        interact(api,payload).then((data) => {
+          commit('updateList', data)
+          resolve(data)
+        }).catch(() => {
+          reject()
+        })
+      })
+    },
+    updateUserRolede ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        const api = lodash.get(apis, 'sysuser.updateUserRolede')
+        interact(api,payload).then((data) => {
+          commit('updateList', data)
+          resolve(data)
+        }).catch(() => {
+          reject()
+        })
+      })
+    },
+    deleteRole ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        const api = lodash.get(apis, 'sysuser.deleteUserRole')
+        interact(api,payload).then((data) => {
+          commit('updateList', data)
+          resolve(data)
+        }).catch(() => {
+          reject()
+        })
+      })
     }
   }
 }

src/views/index.js

@@ -36,6 +36,24 @@ const pages = [
           title: '员工管理',
         },
       },
+      {
+        path: 'sysuser/userRole/addUserRole',
+        name: 'addUserRole',
+        component: () => import('./sysuser/userRole/addUserRole.vue'),
+        meta: {
+          menuShow: false,
+          title: '添加员工权限',
+        },
+      },
+      {
+        path: 'sysuser/userRole/userRoleedit',
+        name: 'userRoleedit',
+        component: () => import('./sysuser/userRole/userRoleedit.vue'),
+        meta: {
+          menuShow: false,
+          title: '修改加员工权限',
+        },
+      },
       {
         path: 'sysuser/role',
         name: 'role',

src/views/sysuser/userRole/addUserRole.vue

@@ -0,0 +1,140 @@
+<template>
+  <div id="root">
+    <el-form ref="formInline" :model="formInline" :rules="rules" label-width="100px" class="demo-formInline">
+      <el-form-item class="filter-item" label="手机号" prop="phone" >
+        <el-input v-model.trim="formInline.phone" placeholder="手机号" />
+      </el-form-item>
+      <el-form-item label="角色" prop="menuArray">
+        <!-- default-expanded-keys 展示选中的
+             default-checked-keys 勾上选中的-->
+        <el-tree
+          ref="tree"
+          :data="FollowupList"
+          :default-expanded-keys="formInline.menuArray"
+          :default-checked-keys="formInline.menuArray"
+          :props="defaultProps"
+          show-checkbox
+          node-key="id"
+          @check-change="handleCheckChange"/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm('formInline')">立即创建</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { createNamespacedHelpers } from 'vuex'
+const {mapState: mapUserManagementState, mapActions: mapUserManagementActions} = createNamespacedHelpers('sysuser')
+
+export default {
+  name: 'followup-index',
+  data() {
+    return {
+      formInline: {
+        customerName:'',
+        personName: '',
+        phone: '',
+        platNumber: '',
+        pageNum: 1,
+        pageSize: 10,
+        menuArray:[],
+        roleId:[],
+         empty:[]
+
+      },
+      defaultProps: {
+          id: 'id',
+        label: 'roleName'
+     },
+     rules: {
+        userName: [
+          { required: true, message: '名称', trigger: 'blur' }
+        ],
+        phone: [
+          { required: true, message: '请输入手机号', trigger: 'blur' },
+          { min: 11, max: 11, required: true, message: '请输入11位手机号', trigger: 'blur' }
+        ],
+        menuArray: [
+          { required: true, message: '请选择角色', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  computed: {
+    ...mapUserManagementState({
+     FollowupList: x => x.list
+    })
+  },
+  created() {
+    this.dateQuery()
+  },
+  methods: {
+    ...mapUserManagementActions([
+      'roleAll',
+      'addUserRole'
+    ]),
+    onSubmit() {
+      this.dateQuery()
+    },
+    dateQuery() {
+       this.roleAll(this.formInline)
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`)
+      this.formInline.pageSize = val
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`)
+      this.formInline.pageNum = val
+      this.dateQuery()
+    },
+    clear(){
+      this.formInline.customerName = ''
+      this.formInline.phone = ''
+      this.formInline.platNumber = ''
+      this.formInline.pageNum = 1
+      this.formInline.pageSize = 10
+      this.dateQuery()
+    },
+    addUser(){
+      this.$router.push({ name: 'addUserRole' })
+    },
+    submitForm(formName ){
+      // 获取选中的树形节点 key
+      this.formInline.menuArray = this.$refs.tree.getCheckedKeys()
+      this.$refs[formName].validate((valid) => {
+        const loading = this.$loading({
+          lock: false,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })    
+      if(valid){ 
+       this.formInline.menuArray = this.$refs.tree.getCheckedNodes()
+       this.formInline.menuArray.map((item) => {
+       this.formInline.roleId.push(item.roleId)
+       })
+       this.addUserRole(this.formInline).then((data)=>{ 
+         if(data.phone === this.formInline.phone){
+             this.$router.push({ name: 'userRole' })
+             return
+             }
+       })}
+     
+           loading.close()
+      })
+    this.formInline.roleId = [] 
+  }
+}
+}
+</script>
+
+<style scoped>
+.demo-formInline {
+  width: 500px;
+  margin-top: 20px;
+  margin-left: auto;
+  margin-right: auto;
+}
+</style>

src/views/sysuser/userRole/list.vue

@@ -2,7 +2,7 @@
   <div id="root">
     <el-form :inline="true" :model="formInline" class="demo-form-inline">
       <el-form-item label="姓名">
-        <el-input v-model="formInline.customerName" placeholder="姓名"></el-input>
+        <el-input v-model="formInline.userName" placeholder="姓名"></el-input>
       </el-form-item> 
       <el-form-item label="电话">
         <el-input v-model="formInline.phone" placeholder="电话"></el-input>
@@ -12,16 +12,19 @@
         <el-button type="info" @click="clear">重置</el-button>
       </el-form-item>
     </el-form>
+  <el-row>
+    <el-button type="primary" @click="addUserRole()">添加</el-button>
+  </el-row>
     <el-table
-    :data="FollowupList"
+    :data="FollowupList.records"
     border>
     <el-table-column
-      prop="customerId"
+      prop="username"
       align='center'
       label="姓名">
     </el-table-column>
     <el-table-column
-      prop="customerName"
+      prop="roleName"
       align='center'
       label="角色名称">
     </el-table-column>
@@ -30,6 +33,15 @@
       align='center'
       label="电话">
     </el-table-column>
+     <el-table-column
+        fixed="right"
+        label="操作"
+        align='center'>
+        <template slot-scope="scope">
+          <el-button type="text" @click="handleEdit(scope.row.userId)" size="small">编辑</el-button>
+          <el-button type="text" @click="userRoleDelete(scope.row.userId)" size="small">删除</el-button>
+        </template>
+      </el-table-column>
   </el-table>
     <el-pagination
             style="margin-top:50px;float:right"
@@ -39,8 +51,9 @@
             :page-sizes="[1,10, 20, 30, 40]"
             :page-size="formInline.pageSize"
             layout="total, sizes, prev, pager, next, jumper"
+            :total="FollowupList.total || 0"
             >
-            <!-- :total="FollowupList.total || 0" -->
+           
     </el-pagination>
   </div>
 </template>
@@ -53,26 +66,29 @@ export default {
   data() {
     return {
       formInline: {
-        customerName:'',
+        userName:'',
         personName: '',
         phone: '',
         platNumber: '',
         pageNum: 1,
-        pageSize: 10
+        pageSize: 10,
+        userId: ''
       }
     }
   },
   computed: {
     ...mapUserManagementState({
-    FollowupList: x => x.followup
+     FollowupList: x => x.list,
     })
   },
   created() {
+     
     this.getPage()
   },
   methods: {
     ...mapUserManagementActions([
       'getUserManagementList',
+      'deleteRole'
     ]),
     onSubmit() {
       this.getPage()
@@ -93,36 +109,28 @@ export default {
       this.formInline.pageNum = val
       this.getPage()
     },
-    favorHouse (msg) {
-      if (msg == '1') {
-        return "三房"
-      } else if(msg == '2'){
-        return "四房"
-      }else if(msg == '3'){
-        return "四房以上"
-      }
-    },
-    favorLevel (msg) {
-      if (msg == 'A') {
-        return "买房"
-      } else if(msg == 'B'){
-        return "有意向金"
-      }else if(msg == 'C'){
-        return "考虑中"
-      }else if(msg == 'D'){
-        return "不买"
-      }
-    },
     clear(){
+      this.formInline.userName = ''
       this.formInline.customerName = ''
       this.formInline.phone = ''
       this.formInline.platNumber = ''
       this.formInline.pageNum = 1
       this.formInline.pageSize = 10
       this.getPage()
+    },
+    addUserRole(){
+      this.$router.push({ name: 'addUserRole' })
+
+    },
+    handleEdit(id){
+       this.$router.push({ name: 'userRoleedit', query: {id:id} })
+    },
+    userRoleDelete(id){
+       this.formInline.userId = id
+       this.deleteRole(this.formInline)
+       this.getPage()
     }
-   
-  }
+   }
 }
 </script>
 

src/views/sysuser/userRole/userRoleedit.vue

@@ -0,0 +1,160 @@
+<template>
+  <div id="root">
+    <el-form ref="formInline" :model="formInline" :rules="rules" label-width="100px" class="demo-formInline">
+      <el-form-item class="filter-item" label="姓名" prop="phone" >
+        <el-input v-model.trim="formInline.userName" placeholder="姓名" disabled/>
+      </el-form-item>
+      <el-form-item class="filter-item" label="手机号" prop="phone" >
+        <el-input v-model.trim="formInline.phone" placeholder="手机号" disabled/>
+      </el-form-item>
+      <el-form-item label="角色" prop="menuArray">
+        <!-- default-expanded-keys 展示选中的
+             default-checked-keys 勾上选中的-->
+        <el-tree
+          ref="tree"
+          node-key="roleId"
+          :data="FollowupList.sysRole"
+          :default-expanded-keys="[1]"
+          :default-checked-keys="this.formInline.menuArray"
+          :props="defaultProps"
+          show-checkbox
+          @check-change="handleCheckChange"/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm('formInline')">立即创建</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { createNamespacedHelpers } from 'vuex'
+const {mapState: mapUserManagementState, mapActions: mapUserManagementActions} = createNamespacedHelpers('sysuser')
+
+export default {
+  name: 'followup-index',
+  data() {
+    return {
+      formInline: {
+        customerName:'',
+        personName: '',
+        phone: '',
+        platNumber: '',
+        pageNum: 1,
+        pageSize: 10,
+        menuArray:[],
+        roleId:[],
+        userId:'',
+        userName: '',
+
+      },
+      defaultProps: {
+          label: 'roleName'
+     },
+     fullscreenLoading: false,
+     rules: {
+        userName: [
+          { required: true, message: '名称', trigger: 'blur' }
+        ],
+        loginName: [
+          { required: true, message: '请输入手机号', trigger: 'blur' },
+          { min: 11, max: 11, required: true, message: '请输入11位手机号', trigger: 'blur' }
+        ],
+        menuArray: [
+          { required: true, message: '请选择角色', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  computed: {
+    ...mapUserManagementState({
+     FollowupList: x => x.list
+    })
+  },
+  created() {
+    this.formInline.userId = this.$route.query.id
+    this.dataQuery()
+  },
+  methods: {
+    ...mapUserManagementActions([
+      'userRoledetails',
+      'updateUserRolede'
+    ]),
+    onSubmit() {
+      this.dataQuery()
+    },
+    dataQuery() {
+       this.userRoledetails(this.formInline).then((data)=>{
+         this.formInline.menuArray = data.arrayList;
+         this.formInline.phone = data.user.phone 
+         this.formInline.userName = data.user.username
+       })
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`)
+      this.formInline.pageSize = val
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`)
+      this.formInline.pageNum = val
+      this.dataQuery()
+    },
+    clear(){
+      this.formInline.customerName = ''
+      this.formInline.phone = ''
+      this.formInline.platNumber = ''
+      this.formInline.pageNum = 1
+      this.formInline.pageSize = 10
+      this.dataQuery()
+    },
+    addUser(){
+      this.$router.push({ name: 'addUserRole' })
+    },
+      resetForm(formName) {
+      this.$refs[formName].resetFields()
+    },
+    submitForm(formName ){
+      // 获取选中的树形节点 key
+      this.formInline.menuArray = this.$refs.tree.getCheckedKeys()
+        this.fullscreenLoading = true;
+        setTimeout(() => {
+          this.fullscreenLoading = false;
+        }, 2000);
+      this.$refs[formName].validate((valid) => {
+        const loading = this.$loading({
+          lock: false,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+      if(valid){  
+          this.updateUserRolede(this.formInline).then(()=>{
+             this.$router.push({ name: 'userRole' })  
+            loading.close()
+            return false  
+  
+       })
+      }else{
+      loading.close()
+      return false
+      }
+      })
+  },
+  // 获取当前所有key
+  acquireKey(){
+       this.formInline.menuArray = this.$refs.tree.getCheckedNodes()
+       this.formInline.menuArray.map((item) => {
+       this.formInline.roleId.push(item.roleId)
+       })
+  }
+}
+}
+</script>
+
+<style scoped>
+.demo-formInline {
+  width: 500px;
+  margin-top: 20px;
+  margin-left: auto;
+  margin-right: auto;
+}
+</style>