角色，员工页面

src/config/api.js

@@ -36,6 +36,14 @@ const apis = {
       method: 'get',
       url: `${commPrefix}/sysuser/:id`
     },
+    userRoleList:{
+      method:'get',
+      url: `${commPrefix}/userManagement`
+    },
+    roleManagementList:{
+      method:'get',
+      url: `${commPrefix}/user/roleManagementList`
+    }
   },
   type: {
     add: {
@@ -291,6 +299,6 @@ const apis = {
       method:'get',
       url: `${commPrefix}/customerList`
     }
-  }
+  },
 }
 export default apis

src/store/modules/sysuser.js

@@ -78,5 +78,17 @@ export default {
     //     })
     //   })
     // }
+    getUserManagementList({ commit }, payload) { // 查询所有
+      const api = lodash.get(apis, 'sysuser.userRoleList')
+      interact(api, payload).then((data) => {
+        commit('updateList', data)
+      })
+    },
+    roleManagementList({ commit }, payload) { // 查询所有
+      const api = lodash.get(apis, 'sysuser.roleManagementList')
+      interact(api, payload).then((data) => {
+        commit('updateList', data)
+      })
+    }
   }
 }

src/views/index.js

@@ -27,6 +27,24 @@ const pages = [
           title: '系统人员',
         },
       },
+      {
+        path: 'sysuser/userRole',
+        name: 'userRole',
+        component: () => import('./sysuser/userRole/list.vue'),
+        meta: {
+          menuShow: true,
+          title: '员工管理',
+        },
+      },
+      {
+        path: 'sysuser/role',
+        name: 'role',
+        component: () => import('./sysuser/role/list.vue'),
+        meta: {
+          menuShow: true,
+          title: '角色管理',
+        },
+      },
       {
         path: 'device',
         name: 'devicelist',

src/views/sysuser/role/list.vue

@@ -0,0 +1,125 @@
+<template>
+  <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-form-item> 
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+        <el-button type="info" @click="clear">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+    :data="FollowupList"
+    border>
+    <el-table-column
+      prop="customerId"
+      align='center'
+      label="角色名称">
+    </el-table-column>
+    <el-table-column
+      prop="customerName"
+      align='center'
+      label="角色状态">
+    </el-table-column>
+    <el-table-column
+      prop="phone"
+      align='center'
+      label="创建时间">
+    </el-table-column>
+  </el-table>
+    <el-pagination
+            style="margin-top:50px;float:right"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="formInline.pageNum"
+            :page-sizes="[1,10, 20, 30, 40]"
+            :page-size="formInline.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            >
+            <!-- :total="FollowupList.total || 0" -->
+    </el-pagination>
+  </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
+      }
+    }
+  },
+  computed: {
+    ...mapUserManagementState({
+    FollowupList: x => x.followup
+    })
+  },
+  created() {
+    this.getPage()
+  },
+  methods: {
+    ...mapUserManagementActions([
+      'roleManagementList',
+    ]),
+    onSubmit() {
+      this.getPage()
+    },
+    getPage() {
+       this.roleManagementList(this.formInline)
+      // window.console.log(this.$store)
+      // this.$store.commit('security/foo')
+      // this.$store.dispatch('security/getSecurity')
+      // this.$store.commit('security/foo')
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`)
+      this.formInline.pageSize = val
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`)
+      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.customerName = ''
+      this.formInline.phone = ''
+      this.formInline.platNumber = ''
+      this.formInline.pageNum = 1
+      this.formInline.pageSize = 10
+      this.getPage()
+    }
+   
+  }
+}
+</script>
+

src/views/sysuser/userRole/list.vue

@@ -0,0 +1,128 @@
+<template>
+  <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-form-item> 
+      <el-form-item label="电话">
+        <el-input v-model="formInline.phone" placeholder="电话"></el-input>
+      </el-form-item>   
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+        <el-button type="info" @click="clear">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+    :data="FollowupList"
+    border>
+    <el-table-column
+      prop="customerId"
+      align='center'
+      label="姓名">
+    </el-table-column>
+    <el-table-column
+      prop="customerName"
+      align='center'
+      label="角色名称">
+    </el-table-column>
+    <el-table-column
+      prop="phone"
+      align='center'
+      label="电话">
+    </el-table-column>
+  </el-table>
+    <el-pagination
+            style="margin-top:50px;float:right"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="formInline.pageNum"
+            :page-sizes="[1,10, 20, 30, 40]"
+            :page-size="formInline.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            >
+            <!-- :total="FollowupList.total || 0" -->
+    </el-pagination>
+  </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
+      }
+    }
+  },
+  computed: {
+    ...mapUserManagementState({
+    FollowupList: x => x.followup
+    })
+  },
+  created() {
+    this.getPage()
+  },
+  methods: {
+    ...mapUserManagementActions([
+      'getUserManagementList',
+    ]),
+    onSubmit() {
+      this.getPage()
+    },
+    getPage() {
+       this.getUserManagementList(this.formInline)
+      // window.console.log(this.$store)
+      // this.$store.commit('security/foo')
+      // this.$store.dispatch('security/getSecurity')
+      // this.$store.commit('security/foo')
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`)
+      this.formInline.pageSize = val
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`)
+      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.customerName = ''
+      this.formInline.phone = ''
+      this.formInline.platNumber = ''
+      this.formInline.pageNum = 1
+      this.formInline.pageSize = 10
+      this.getPage()
+    }
+   
+  }
+}
+</script>
+