1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
| import {getMenus, getMenuById} from "@/api/menu";
|
| export default {
| namespaced: true,
| state: {
| dialogFormVisible: false,
| dialogTreeVisible: false,
| iconDialogVisible: false,
| dialogTitle: '',
| pageSize: 10,
| currentPage: 1,
| total: 0,
| // 修改添加的表单数据
| menuForm: {
| id: null,
| menuName: '',
| menuIcon: '',
| menuPath: null,
| routerName: null,
| routerComponent: null,
| permission: '',
| menuType: '',
| orderNum: null,
| parentId: '0',
| parentName: '主目录',
| status: '',
| },
| selectedIcon: '',
| // 添加修改时的父级选择数据
| treeData: [],
| // 菜单表格数据
| tableData: [],
| // 菜单表格选中数据
| multipleSelection: [],
| },
| getters: {},
| mutations: {
| openDialogForm(state, value) {
| state.dialogFormVisible = value.dialogFormVisible;
| state.menuForm.parentId = value.parentId;
| state.menuForm.parentName = value.parentName;
| state.dialogTitle = value.dialogTitle;
| },
| closeDialogForm(state, params) {
| state.dialogFormVisible = params;
| },
| OpenTreeDialog(state, params) {
| state.dialogTreeVisible = params.dialogTreeVisible;
| state.treeData = params.treeData;
| },
| EditMenu(state, params) {
| state.selectedIcon = params.menuForm.menuIcon;
| state.dialogFormVisible = params.dialogTreeVisible;
| state.dialogTitle = params.dialogTitle;
| Object.keys(state.menuForm).forEach((key) => {
| state.menuForm[key] = params.menuForm[key]
| })
| }
| },
| actions: {
| openTreeDialog(state, value) {
| getMenus(null).then((res) => {
| var params = {
| "treeData": res.data.data,
| "dialogTreeVisible": value
| }
| state.commit("OpenTreeDialog", params)
| });
|
| },
| editMenu(state, id) {
| getMenuById(id).then((res) => {
| var params = {
| menuForm: res.data.data,
| dialogTreeVisible: true,
| dialogTitle: "修改菜单"
| };
| state.commit("EditMenu", params);
| })
| },
| },
| }
|
|
