合并

src/store/modules/sysmenu.js

@@ -0,0 +1,23 @@
+import lodash from 'lodash'
+import { interact } from '../../utils'
+import apis from '../../config/api'
+
+export default {
+  namespaced: true,
+  state: {
+    safety : {}
+  },
+  mutations: {
+    updateSafety(state, payload) {
+      state.safety  = payload || {}
+    }
+  },
+  actions: {
+    sysMenu({ commit }, payload) { // 查询所有
+      const api = lodash.get(apis, 'menu.list')
+      interact(api, payload).then((data) => {
+        commit('updateSafety', data)
+      })
+    }
+  }
+}

src/views/sysmenu/add.vue

@@ -0,0 +1,70 @@
+<template>
+    <div id="root">
+        <el-form ref="form" :model="form" label-width="80px">
+            <el-form-item label="菜单权限">
+                <el-tree
+                        :data="menus"
+                        show-checkbox
+                        node-key="menuId"
+                        ref="tree"
+                        :props="defaultProps">
+                </el-tree>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script>
+import { createNamespacedHelpers } from 'vuex'
+const {mapState: mapSysRoleState, mapActions: mapSysRoleActions } = createNamespacedHelpers('sysyrole')
+
+export default {
+  name: "addRole",
+  data() {
+      return {
+          form: {
+              roleName: '',
+              menuIds: []
+          },
+          defaultProps: {
+              label: 'menuName',
+              children: 'children'
+          }
+      }
+  },
+  computed: {
+      ...mapSysRoleState({
+          menus: x => x.menus
+      })
+  },
+  methods: {
+    ...mapSysRoleActions([
+        'GetMenus',
+        'AddRole'
+    ]),
+    getCheckedNodes() {
+      let idSet = new Set();
+      const checkedNodes = this.$refs.tree.getCheckedNodes();
+      checkedNodes.map((item,index) => {
+          idSet.add(item.menuId)
+          idSet.add(item.menuPid)
+      })
+
+        for (let [value] of idSet.entries()) this.form.menuIds.push(value);
+
+    },
+    onSubmit() {
+        this.getCheckedNodes()
+        this.AddRole(this.form)
+        this.$router.go(-1)
+    }
+  },
+  created() {
+      this.GetMenus()
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/sysmenu/list.vue

@@ -0,0 +1,142 @@
+<template>
+  <div id="root">
+  <el-row>
+    <el-button type="primary" @click="addUserRole()">添加</el-button>
+  </el-row>
+   
+    <el-table
+    :data="menuList.records"
+    border>
+    <el-table-column
+      prop="menuId"
+      align='center'
+      label="菜单ID">
+    </el-table-column>
+    <el-table-column
+      prop="menuName"
+      align='center'
+      label="菜单名称">
+    </el-table-column>
+    <el-table-column
+      prop="menuPid"
+      align='center'
+      label="子级名称">
+    </el-table-column>
+      <el-table-column
+      prop="menuParents"
+      align='center'
+      label="父级名称">
+    </el-table-column> 
+     <el-table-column
+      prop="status"
+      align='center'
+      label="当前状态">
+    </el-table-column>
+    <el-table-column
+      prop="createDate"
+      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"
+            @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="menuList.total || 0"
+            >
+           
+           
+    </el-pagination>
+  </div>
+</template>
+<script>
+import { createNamespacedHelpers } from 'vuex'
+const {mapState: mapSysMenuState, mapActions: mapSysMenuActions } = createNamespacedHelpers('sysmenu')
+
+export default {
+  name: 'followup-index',
+  data() {
+    return {
+      formInline: {
+        userName:'',
+        personName: '',
+        phone: '',
+        platNumber: '',
+        pageNum: 1,
+        pageSize: 10,
+        userId: ''
+      }
+    }
+  },
+  computed: {
+    ...mapSysMenuState({
+     menuList: x => x.safety,
+    })
+  },
+  created() {
+     
+    this.getPage()
+  },
+  methods: {
+    ...mapSysMenuActions([
+      'sysMenu',
+      'deleteRole'
+    ]),
+    onSubmit() {
+      this.getPage()
+    },
+    getPage() {
+       this.sysMenu(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()
+    },
+    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: 'sysmenuAdd' })
+
+    },
+    handleEdit(id){
+       this.$router.push({ name: 'userRoleedit', query: {id:id} })
+    },
+    userRoleDelete(id){
+       this.formInline.userId = id
+       this.deleteRole(this.formInline)
+       this.getPage()
+    }
+   }
+}
+</script>
+