3 |
16 |
17 |
18 |
57 |
58 |
117 |
--------------------------------------------------------------------------------
/src/ProfileEditor/components/drawer/MeasureModeEditor/WorkPlaceList.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 | 
6 |
7 |
8 | {{ properties.id || '操作' }}
9 |
10 |
11 |
12 |
6 |
7 |
13 | {{ errorInfo }}
14 |
15 | 方法
4 | 测量模式
4 |
3 |
20 |
21 |
22 |
77 |
78 |
162 |
--------------------------------------------------------------------------------
/src/ProfileEditor/components/drawer/ConfigNodeForm.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 | 
6 |
7 |
8 | {{ properties.id || '设备类别' }}
9 |
10 |
11 |
6 |
7 |
12 |
13 |
15 |
16 |
17 | {{ errorInfo }}
18 |
19 | 
5 |
6 | 
9 |
10 | 
13 |
14 | 
17 |
18 | 
21 |
22 | 
25 |
26 | 
29 |
30 |
3 |
75 | 取消
76 | 确定
77 |
78 |
79 |
80 |
81 |
207 |
208 |
253 |
--------------------------------------------------------------------------------
/src/ProfileEditor/node/ModelNode.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | {{ drawerTitle }}
5 |
6 |
11 |
12 |
16 |
26 |
27 |
28 |
32 |
33 |
34 |
35 |
36 |
37 |
73 |
74 |
3 |
34 |
35 |
36 |
166 |
167 |
289 |
--------------------------------------------------------------------------------
/src/ProfileEditor/node/ConfigNode.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 | 
6 |
7 |
8 | {{ properties.id || '型号' }}
9 |
10 |
11 |
6 |
7 |
12 |
13 |
17 |
19 |
20 |
21 |
22 |
24 |
25 |
27 |
28 |
29 |
30 |
14 |
15 |
16 |
31 | {{ errorInfo }}
32 |
33 |
3 |
33 |
34 |
35 |
179 |
180 |
302 |
--------------------------------------------------------------------------------
/src/ProfileEditor/ProfileEditor.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 | 
6 |
7 |
8 | {{ properties.id }}
9 |
10 |
11 |
6 |
7 |
12 |
13 |
17 |
19 |
20 |
21 |
22 |
24 |
25 |
27 |
28 |
29 |
14 |
15 |
16 |
30 | {{ errorInfo }}
31 |
32 |
3 |
9 |
10 |
11 |
251 |
252 |
275 |
276 |
314 |
--------------------------------------------------------------------------------
/src/ProfileEditor/utils/adaptor.ts:
--------------------------------------------------------------------------------
1 | import type {
2 | ProfileData,
3 | ModelData,
4 | XMLProfileData,
5 | XMLModelData,
6 | XMLConfigDataMap,
7 | XMLCommunicationConfigDataMap,
8 | } from '../types';
9 | import { v4 as uuidv4 } from 'uuid';
10 | import type LogicFlow from '@logicflow/core';
11 | import { NodeType, NODE_WIDTH_HALF } from '../common';
12 | import { initConfigNodeData, initOperationNodeData } from './inital';
13 |
14 | /**
15 | * 将 xml2js 解析 xml 得到的数据适配为配置文件数据
16 | */
17 | export function xmlData2ProfileData(xmlProfileData: XMLProfileData): ProfileData {
18 | const profileData: ProfileData = {
19 | id: xmlProfileData['设备类别'].$.id,
20 | models: [],
21 | };
22 |
23 | for (const xmlModelData of xmlProfileData['设备类别']['型号'] ?? []) {
24 | const modelData: ModelData = {
25 | id: xmlModelData.$.id,
26 | configType: xmlModelData['配置方式'][0],
27 | };
28 | for (const xmlConfigData of xmlModelData['配置'] ?? []) {
29 | if (xmlConfigData.$.id === 'NI-VISA') {
30 | const configData: ModelData['NI-VISA'] = {
31 | id: xmlConfigData.$.id,
32 | operations: (xmlConfigData as XMLConfigDataMap['NI-VISA'])['操作']?.map((xmlOperationData) => {
33 | return {
34 | id: xmlOperationData.$.id,
35 | parameter: xmlOperationData.$.Parameter,
36 | hasReturn: xmlOperationData.$.HasReturn,
37 | command: xmlOperationData['指令'][0],
38 | };
39 | }) || [],
40 | };
41 | if (!modelData['NI-VISA']) {
42 | modelData['NI-VISA'] = configData;
43 | }
44 | } else if (xmlConfigData.$.id === 'FUNCTION') {
45 | const [spaceName = '', nextString = ''] = (xmlConfigData as XMLConfigDataMap['FUNCTION'])['类'][0].$.Type.split('.');
46 | const [className = '', dllTemplate = ''] = nextString.split(', ');
47 | const configData: ModelData['FUNCTION'] = {
48 | id: xmlConfigData.$.id,
49 | spaceName,
50 | className,
51 | dllTemplate,
52 | isVisa: (xmlConfigData as XMLConfigDataMap['FUNCTION'])['类'][0].$.IsVISA,
53 | operations: (xmlConfigData as XMLConfigDataMap['FUNCTION'])['操作']?.map((xmlOperationData) => {
54 | return {
55 | id: xmlOperationData.$.id,
56 | parameter: xmlOperationData.$.Parameter,
57 | hasReturn: xmlOperationData.$.HasReturn,
58 | methods: xmlOperationData['方法']?.map(xmlMethodData => {
59 | return {
60 | name: xmlMethodData.$.Name,
61 | parameters: xmlMethodData['参数']?.map(xmlParameterData => {
62 | return {
63 | type: xmlParameterData.$.Type,
64 | value: xmlParameterData.$.Value,
65 | };
66 | }) || [],
67 | };
68 | }) || [],
69 | };
70 | }) || [],
71 | };
72 | if (!modelData.FUNCTION) {
73 | modelData.FUNCTION = configData;
74 | }
75 | } else if (xmlConfigData.$.id === 'CUSTOM') {
76 | const communicationType = (xmlConfigData as XMLConfigDataMap['CUSTOM'])['通信方法'][0];
77 | if (communicationType === 'RS232' || communicationType === 'RS485') {
78 | // @ts-expect-error 这个类型定义太麻烦了
79 | const communicationConfig: XMLCommunicationConfigDataMap['RS232']['RS232'][0] = xmlConfigData[communicationType][0];
80 | const configData: ModelData['CUSTOM'] = {
81 | id: xmlConfigData.$.id,
82 | communicationType,
83 | communicationConfig: {
84 | baudRate: communicationConfig['波特率'][0],
85 | dataBits: communicationConfig['数据位'][0],
86 | stopBits: communicationConfig['停止位'][0],
87 | parity: communicationConfig['奇偶校验'][0],
88 | bufferBytes: communicationConfig['缓冲区字节数'][0],
89 | handShake: communicationConfig['握手协议'][0],
90 | timeout: communicationConfig['超时时间'][0],
91 | ip: '',
92 | port: '',
93 | },
94 | operations: (xmlConfigData as XMLConfigDataMap['CUSTOM'])['操作']?.map((xmlOperationData) => {
95 | return {
96 | id: xmlOperationData.$.id,
97 | measureModes: xmlOperationData['测量模式']?.map(xmlMeasureModeData => {
98 | return {
99 | id: xmlMeasureModeData.$.id,
100 | workplaces: xmlMeasureModeData['工位']?.map(xmlWorkplaceData => {
101 | return {
102 | id: xmlWorkplaceData.$.id,
103 | byteStreams: xmlWorkplaceData['字节流']?.map(xmlByteStreamData => {
104 | return {
105 | send: xmlByteStreamData.$.send,
106 | receive: xmlByteStreamData.$.receive,
107 | };
108 | }) || [],
109 | };
110 | }) || [],
111 | };
112 | }) || [],
113 | };
114 | }) || [],
115 | };
116 | if (!modelData.CUSTOM) {
117 | modelData.CUSTOM = configData;
118 | }
119 | } else if (communicationType === 'TCP') {
120 | // @ts-expect-error 这个类型定义太麻烦了
121 | const communicationConfig: XMLCommunicationConfigDataMap['TCP']['TCP'][0] = xmlConfigData[communicationType][0];
122 | const configData: ModelData['CUSTOM'] = {
123 | id: xmlConfigData.$.id,
124 | communicationType,
125 | communicationConfig: {
126 | baudRate: '',
127 | dataBits: '',
128 | stopBits: '',
129 | parity: '',
130 | bufferBytes: '',
131 | handShake: '',
132 | timeout: '',
133 | ip: communicationConfig['IP'][0],
134 | port: communicationConfig['端口'][0],
135 | },
136 | operations: (xmlConfigData as XMLConfigDataMap['CUSTOM'])['操作']?.map((xmlOperationData) => {
137 | return {
138 | id: xmlOperationData.$.id,
139 | measureModes: xmlOperationData['测量模式']?.map(xmlMeasureModeData => {
140 | return {
141 | id: xmlMeasureModeData.$.id,
142 | workplaces: xmlMeasureModeData['工位']?.map(xmlWorkplaceData => {
143 | return {
144 | id: xmlWorkplaceData.$.id,
145 | byteStreams: xmlWorkplaceData['字节流']?.map(xmlByteStreamData => {
146 | return {
147 | send: xmlByteStreamData.$.send,
148 | receive: xmlByteStreamData.$.receive,
149 | };
150 | }) || [],
151 | };
152 | }) || [],
153 | };
154 | }) || [],
155 | };
156 | }) || [],
157 | };
158 | if (!modelData.CUSTOM) {
159 | modelData.CUSTOM = configData;
160 | }
161 | }
162 | }
163 | }
164 | profileData.models.push(modelData);
165 | }
166 |
167 | return profileData;
168 | }
169 |
170 |
171 | /**
172 | * 将配置文件数据适配为 xml 数据，使得 xml2js 可以将其转换为 xml 文件
173 | */
174 | export function profileData2XmlData(profileData: ProfileData): XMLProfileData {
175 | const xmlProfileData: XMLProfileData = {
176 | '设备类别' : {
177 | $: { id: profileData.id },
178 | '型号': [],
179 | }
180 | };
181 |
182 | for (const modelData of profileData.models ?? []) {
183 | const xmlModelData: XMLModelData = {
184 | $: { id: modelData.id },
185 | '配置方式': [modelData.configType],
186 | '配置': [],
187 | };
188 | if (modelData['NI-VISA']) {
189 | const xmlConfigData: XMLConfigDataMap['NI-VISA'] = {
190 | $: { id: 'NI-VISA' },
191 | '操作': modelData['NI-VISA'].operations?.map(operationData => {
192 | return {
193 | $: {
194 | id: operationData.id,
195 | Parameter: operationData.parameter,
196 | HasReturn: operationData.hasReturn,
197 | },
198 | '指令': [operationData.command],
199 | };
200 | }),
201 | };
202 | xmlModelData['配置'].push(xmlConfigData);
203 | }
204 | if (modelData.FUNCTION) {
205 | const xmlConfigData: XMLConfigDataMap['FUNCTION'] = {
206 | $: { id: 'FUNCTION' },
207 | '类': [{
208 | $: {
209 | Type: `${modelData.FUNCTION.spaceName}.${modelData.FUNCTION.className}, ${modelData.FUNCTION.dllTemplate}`,
210 | IsVISA: modelData.FUNCTION.isVisa,
211 | }
212 | }],
213 | '操作': modelData.FUNCTION.operations?.map(operationData => {
214 | return {
215 | $: {
216 | id: operationData.id,
217 | Parameter: operationData.parameter,
218 | HasReturn: operationData.hasReturn,
219 | },
220 | '方法': operationData.methods?.map(methodData => {
221 | return {
222 | $: { Name: methodData.name },
223 | '参数': methodData.parameters?.map(parameterData => {
224 | return {
225 | $: {
226 | Type: parameterData.type,
227 | Value: parameterData.value,
228 | }
229 | };
230 | }),
231 | };
232 | }),
233 | };
234 | }),
235 | };
236 | xmlModelData['配置'].push(xmlConfigData);
237 | }
238 | if (modelData.CUSTOM) {
239 | // @ts-expect-error 这个类型定义太麻烦了
240 | const xmlConfigData: XMLConfigDataMap['CUSTOM'] = {
241 | $: { id: 'CUSTOM' },
242 | '通信方法': [modelData.CUSTOM.communicationType],
243 | [modelData.CUSTOM.communicationType]: [{
244 | ...(
245 | modelData.CUSTOM.communicationType === 'RS232' || modelData.CUSTOM.communicationType === 'RS485'
246 | ? {
247 | '波特率': [modelData.CUSTOM.communicationConfig.baudRate],
248 | '数据位': [modelData.CUSTOM.communicationConfig.dataBits],
249 | '停止位': [modelData.CUSTOM.communicationConfig.stopBits],
250 | '奇偶校验': [modelData.CUSTOM.communicationConfig.parity],
251 | '缓冲区字节数': [modelData.CUSTOM.communicationConfig.bufferBytes],
252 | '握手协议': [modelData.CUSTOM.communicationConfig.handShake],
253 | '超时时间': [modelData.CUSTOM.communicationConfig.timeout],
254 | }
255 | : {
256 | 'IP': [modelData.CUSTOM.communicationConfig.ip],
257 | '端口': [modelData.CUSTOM.communicationConfig.port],
258 | }
259 | ),
260 | }],
261 | '操作': modelData.CUSTOM.operations?.map(operationData => {
262 | return {
263 | $: { id: operationData.id },
264 | '测量模式': operationData.measureModes?.map(measureModeData => {
265 | return {
266 | $: { id: measureModeData.id },
267 | '工位': measureModeData.workplaces?.map(workplaceData => {
268 | return {
269 | $: { id: workplaceData.id },
270 | '字节流': workplaceData.byteStreams?.map(byteStreamData => {
271 | return {
272 | $: {
273 | send: byteStreamData.send,
274 | receive: byteStreamData.receive,
275 | }
276 | };
277 | }),
278 | };
279 | }),
280 | };
281 | }),
282 | };
283 | }),
284 | };
285 | xmlModelData['配置'].push(xmlConfigData);
286 | }
287 | xmlProfileData['设备类别']['型号'].push(xmlModelData);
288 | }
289 |
290 | return xmlProfileData;
291 | }
292 |
293 | /**
294 | * 将配置文件数据适配为流程图数据
295 | */
296 | export function adaptorIn(profileData: ProfileData): LogicFlow.GraphData {
297 | const graphData: LogicFlow.GraphData = {
298 | nodes: [],
299 | edges: [],
300 | };
301 |
302 | const instrumentNode = {
303 | id: uuidv4(),
304 | type: 'instrument-node',
305 | x: 0,
306 | y: 0,
307 | properties: {
308 | type: NodeType.Instrument,
309 | id: profileData.id,
310 | }
311 | };
312 |
313 | graphData.nodes.push(instrumentNode);
314 |
315 | for (const modelData of profileData.models ?? []) {
316 | const modelNode = {
317 | id: uuidv4(),
318 | type: 'model-node',
319 | x: 0,
320 | y: 0,
321 | properties: {
322 | type: NodeType.Model,
323 | parentId: instrumentNode.id,
324 | id: modelData.id,
325 | configType: modelData.configType,
326 | }
327 | };
328 |
329 | graphData.nodes.push(modelNode);
330 | graphData.edges.push(initEdgeData(instrumentNode.id, modelNode.id));
331 |
332 | if (modelData['NI-VISA']) {
333 | const configNode = {
334 | id: uuidv4(),
335 | type: 'config-node',
336 | x: 0,
337 | y: 0,
338 | properties: {
339 | type: NodeType.Config,
340 | parentId: modelNode.id,
341 | ...initConfigNodeData(),
342 | id: modelData['NI-VISA'].id,
343 | }
344 | };
345 |
346 | graphData.nodes.push(configNode);
347 | graphData.edges.push(initEdgeData(modelNode.id, configNode.id));
348 |
349 | for (const operationData of modelData['NI-VISA'].operations ?? []) {
350 | const operationNode = {
351 | id: uuidv4(),
352 | type: 'operation-node',
353 | x: 0,
354 | y: 0,
355 | properties: {
356 | type: NodeType.NI_VISA_OPERATION,
357 | parentId: configNode.id,
358 | ...initOperationNodeData(),
359 | id: operationData.id,
360 | parameter: operationData.parameter,
361 | hasReturn: operationData.hasReturn,
362 | command: operationData.command,
363 | }
364 | };
365 |
366 | graphData.nodes.push(operationNode);
367 | graphData.edges.push(initEdgeData(configNode.id, operationNode.id));
368 | }
369 | }
370 |
371 | if (modelData['FUNCTION']) {
372 | const configNode = {
373 | id: uuidv4(),
374 | type: 'config-node',
375 | x: 0,
376 | y: 0,
377 | properties: {
378 | type: NodeType.Config,
379 | parentId: modelNode.id,
380 | ...initConfigNodeData(),
381 | id: modelData.FUNCTION.id,
382 | spaceName: modelData.FUNCTION.spaceName,
383 | className: modelData.FUNCTION.className,
384 | dllTemplate: modelData.FUNCTION.dllTemplate,
385 | isVisa: modelData.FUNCTION.isVisa,
386 | }
387 | };
388 |
389 | graphData.nodes.push(configNode);
390 | graphData.edges.push(initEdgeData(modelNode.id, configNode.id));
391 |
392 | for (const operationData of modelData.FUNCTION.operations ?? []) {
393 | const operationNode = {
394 | id: uuidv4(),
395 | type: 'operation-node',
396 | x: 0,
397 | y: 0,
398 | properties: {
399 | type: NodeType.FUNCTION_OPERATION,
400 | parentId: configNode.id,
401 | ...initOperationNodeData(),
402 | id: operationData.id,
403 | parameter: operationData.parameter,
404 | hasReturn: operationData.hasReturn,
405 | methods: operationData.methods,
406 | }
407 | };
408 |
409 | graphData.nodes.push(operationNode);
410 | graphData.edges.push(initEdgeData(configNode.id, operationNode.id));
411 | }
412 | }
413 |
414 | if (modelData['CUSTOM']) {
415 | const configNode = {
416 | id: uuidv4(),
417 | type: 'config-node',
418 | x: 0,
419 | y: 0,
420 | properties: {
421 | type: NodeType.Config,
422 | parentId: modelNode.id,
423 | ...initConfigNodeData(),
424 | id: modelData.CUSTOM.id,
425 | communicationType: modelData.CUSTOM.communicationType,
426 | communicationConfig: modelData.CUSTOM.communicationConfig,
427 | }
428 | };
429 |
430 | graphData.nodes.push(configNode);
431 | graphData.edges.push(initEdgeData(modelNode.id, configNode.id));
432 |
433 | for (const operationData of modelData.CUSTOM.operations ?? []) {
434 | const operationNode = {
435 | id: uuidv4(),
436 | type: 'operation-node',
437 | x: 0,
438 | y: 0,
439 | properties: {
440 | type: NodeType.CUSTOM_OPERATION,
441 | parentId: configNode.id,
442 | ...initOperationNodeData(),
443 | id: operationData.id,
444 | measureModes: operationData.measureModes,
445 | }
446 | };
447 |
448 | graphData.nodes.push(operationNode);
449 | graphData.edges.push(initEdgeData(configNode.id, operationNode.id));
450 | }
451 | }
452 | }
453 |
454 | return graphData;
455 | }
456 |
457 | function initEdgeData(sourceNodeId: string, targetNodeId: string): LogicFlow.EdgeData {
458 | return {
459 | id: uuidv4(),
460 | type: 'polyline',
461 | sourceNodeId,
462 | targetNodeId,
463 | startPoint: { x: NODE_WIDTH_HALF, y: 0 },
464 | endPoint: { x: -NODE_WIDTH_HALF, y: 0 },
465 | };
466 | }
467 |
468 | /**
469 | * 将流程图数据适配为配置文件数据
470 | */
471 | export function adaptorOut(graphData: LogicFlow.GraphData): ProfileData {
472 | const nodeMap = new Map
4 |
6 |
7 |