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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
| <template>
| <a-menu :style="menuStyle" @click="menuItemClick" v-if="menuVisible" mode="vertical" @contextmenu="menuContextMenu">
| <template v-for="menuItem in defaultContextMenuList[getCurrentMenuLevel]">
| <a-menu-item :key="menuItem.code" v-has="menuItem.code">
| <a-icon :type="menuItem.icon"/>
| {{ menuItem.label }}
| </a-menu-item>
| </template>
| </a-menu>
| </template>
|
| <script>
| export default {
| name: 'ProductStructureTreeContextMenu',
| components: {},
| props: {
| treeParams: {
| type: Object
| }
| },
| data() {
| return {
| menuVisible: false,
| menuStyle: {
| position: 'fixed',
| top: 0,
| left: 0,
| border: '1px solid #eee',
| boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
| zIndex: 999
| },
| defaultContextMenuList: {
| //产品
| product: [
| { label: '添加产品', code: 'product_add', icon: 'plus', isCommonMethod: false },
| { label: '添加部件', code: 'product_add_child', icon: 'plus', isCommonMethod: false },
| { label: '编辑产品信息', code: 'product_edit', icon: 'edit', isCommonMethod: false },
| // { label: '导出文档', code: 'product_export', icon: 'export', isCommonMethod: true },
| { label: '导入其他文档', code: 'product_other_import', icon: 'import', isCommonMethod: true },
| { label: '检索电子样板', code: 'product_search', icon: 'search', isCommonMethod: true },
| { label: '检索NC文件', code: 'product_search_nc', icon: 'search', isCommonMethod: true },
| { label: '删除', code: 'product_delete', icon: 'delete', isCommonMethod: true },
| { label: '权限配置', code: 'public_assign_permission', icon: 'idcard', isCommonMethod: true }
| ],
| //部件
| component: [
| { label: '添加子部件', code: 'component_add', icon: 'plus', isCommonMethod: false },
| { label: '添加零件', code: 'component_add_child', icon: 'plus', isCommonMethod: false },
| { label: '创建工序', code: 'component_add_relative', icon: 'plus', isCommonMethod: false },
| { label: '编辑部件信息', code: 'component_edit', icon: 'edit', isCommonMethod: false },
| // { label: '导出文档', code: 'component_export', icon: 'export', isCommonMethod: true },
| { label: '导入其他文档', code: 'component_other_import', icon: 'import', isCommonMethod: true },
| { label: '检索电子样板', code: 'component_search', icon: 'search', isCommonMethod: true },
| { label: '检索NC文件', code: 'component_search_nc', icon: 'search', isCommonMethod: true },
| { label: '引用部件', code: 'component_borrow', icon: 'plus', isCommonMethod: false },
| { label: '删除', code: 'component_delete', icon: 'delete', isCommonMethod: true },
| { label: '权限配置', code: 'public_assign_permission', icon: 'idcard', isCommonMethod: true }
| ],
| //零件
| part: [
| { label: '添加零件', code: 'parts_add', icon: 'plus', isCommonMethod: false },
| { label: '创建工艺规程版本', code: 'parts_add_relative', icon: 'plus', isCommonMethod: false },
| // { label: '创建工序', code: 'parts_add_relative', icon: 'plus', isCommonMethod: false },
| { label: '编辑零件信息', code: 'parts_edit', icon: 'edit', isCommonMethod: false },
| // { label: '导出文档', code: 'parts_export', icon: 'export', isCommonMethod: true },
| { label: '导入其他文档', code: 'parts_other_import', icon: 'import', isCommonMethod: true },
| { label: '检索电子样板', code: 'parts_search', icon: 'search', isCommonMethod: true },
| { label: '检索NC文件', code: 'parts_search_nc', icon: 'search', isCommonMethod: true },
| { label: '删除', code: 'parts_delete', icon: 'delete', isCommonMethod: true },
| { label: '权限配置', code: 'public_assign_permission', icon: 'idcard', isCommonMethod: true }
| ],
| //工艺规程版本
| processSpecVersion: [
| { label: '创建工艺规程版本', code: 'version_add', icon: 'plus', isCommonMethod: false },
| { label: '创建工序', code: 'version_add_child', icon: 'plus', isCommonMethod: false },
| { label: '编辑工艺规程版本信息', code: 'version_edit', icon: 'edit', isCommonMethod: false },
| { label: '导入其他文档', code: 'version_other_import', icon: 'import', isCommonMethod: true },
| { label: '检索电子样板', code: 'version_search', icon: 'search', isCommonMethod: true },
| { label: '检索NC文件', code: 'version_search_nc', icon: 'search', isCommonMethod: true },
| { label: '删除', code: 'version_delete', icon: 'delete', isCommonMethod: true },
| { label: '权限配置', code: 'public_assign_permission', icon: 'idcard', isCommonMethod: true }
| ],
| //工序
| process: [
| { label: '创建工序', code: 'process_add', icon: 'plus', isCommonMethod: false },
| { label: '创建工步', code: 'process_add_child', icon: 'plus', isCommonMethod: false },
| { label: '添加设备类', code: 'process_add_type', icon: 'plus', isCommonMethod: true },
| { label: '编辑工序信息', code: 'process_edit', icon: 'edit', isCommonMethod: false },
| { label: '删除', code: 'process_delete', icon: 'delete', isCommonMethod: true },
| // { label: '导出NC程序', code: 'process_export', icon: 'export', isCommonMethod: true },
| { label: '导入NC程序', code: 'process_nc_import', icon: 'import', isCommonMethod: true },
| { label: '导入其他文档', code: 'process_other_import', icon: 'import', isCommonMethod: true },
| { label: '检索电子样板', code: 'process_search', icon: 'search', isCommonMethod: true },
| { label: '检索NC文件', code: 'process_search_nc', icon: 'search', isCommonMethod: true },
| { label: '权限配置', code: 'public_assign_permission', icon: 'idcard', isCommonMethod: true },
| { label: '发送nc程序至三维工艺', code: 'process_send_nc_to_plm', icon: 'import', isCommonMethod: true }
| ],
| //工步
| processStep: [
| { label: '创建工步', code: 'processStep_add', icon: 'plus', isCommonMethod: false },
| { label: '编辑工步信息', code: 'processStep_edit', icon: 'edit', isCommonMethod: false },
| { label: '添加设备类', code: 'processStep_add_type', icon: 'plus', isCommonMethod: true },
| { label: '删除', code: 'processStep_delete', icon: 'delete', isCommonMethod: true },
| // { label: '导出NC程序', code: 'processStep_export', icon: 'import', isCommonMethod: true },
| { label: '导入NC程序', code: 'processStep_nc_import', icon: 'import', isCommonMethod: true },
| { label: '导入其他文档', code: 'processStep_other_import', icon: 'import', isCommonMethod: true },
| { label: '检索电子样板', code: 'processStep_search', icon: 'search', isCommonMethod: true },
| { label: '检索NC文件', code: 'processStep_search_nc', icon: 'search', isCommonMethod: true },
| { label: '权限配置', code: 'public_assign_permission', icon: 'idcard', isCommonMethod: true },
| { label: '发送nc程序至三维工艺', code: 'processStep_send_nc_to_plm', icon: 'import', isCommonMethod: true }
| ]
| }
| }
| },
| computed: {
| getCurrentMenuLevel() {
| switch (+this.treeParams.type) {
| case 1:
| return 'product'
| case 2:
| return 'component'
| case 3:
| return 'part'
| case 4:
| return 'processSpecVersion'
| case 5:
| return 'process'
| case 6:
| return 'processStep'
| }
| }
| },
| methods: {
| menuItemClick({ key }) {
| const menuKey = key
| const level = this.getCurrentMenuLevel
| const treeNodeInfo = Object.assign({ treeKey: this.treeParams.key }, this.treeParams)
| console.log('treeNodeInfo', treeNodeInfo)
| const menuKeyArray = menuKey.split('_')
| const isCommonMethod = this.defaultContextMenuList[level].find(item => item.code === menuKey).isCommonMethod
| // product_add => handleAdd 触发对应组件事件
| let methodName
| // 判断是否为公共方法，如果为公共方法则截取专有属性product/component/part/process等字段
| if (isCommonMethod) {
| methodName = 'handle' + menuKeyArray.map(item => item[0].toUpperCase() + item.slice(1)).slice(1).join('')
| } else {
| methodName = 'handle' + menuKeyArray.map(item => item[0].toUpperCase() + item.slice(1)).join('')
| }
| const modalTitle = this.defaultContextMenuList[level].find(item => item.code === menuKey).label
| this.$bus.$emit('treeMenuItemMethodTrigger', { methodName, modalTitle, treeNodeInfo })
| },
|
| /**
| * 避免单次重复右键后关闭菜单或打开window菜单
| * @param event 事件对象
| */
| menuContextMenu(event) {
| event.preventDefault()
| event.stopPropagation()
| }
| }
| }
| </script>
|
| <style scoped>
| /deep/ .ant-menu-item {
| height: 32px;
| line-height: 32px;
| }
|
| </style>
|
|
