简柏林 / thingskit-front · Commits

Commit 16c889d3d28edc86fdaf372be7cba555397dd4af

Authored by fengwotao
1 parent ee368d5a

fix: 移除重构后的未删的多余代码

Inline Side-by-side
Showing 2 changed files with 0 additions and 1643 deletions
1 -import { FormSchema } from '/@/components/Form';  
2 -import { findDictItemByCode } from '/@/api/system/dict';  
3 -import { h, ref, unref } from 'vue';  
4 -import { isExistDataManagerNameApi } from '/@/api/datamanager/dataManagerApi';  
5 -import { getDeviceProfile } from '/@/api/alarm/position';  
6 -import { BasicColumn, BasicTableProps } from '/@/components/Table';  
7 -import { devicePage } from '/@/api/device/deviceManager';  
8 -import { Tag } from 'ant-design-vue';  
9 -import { DeviceRecord } from '/@/api/device/model/deviceModel';  
10 -import { FETCH_SETTING } from '/@/components/Table/src/const';  
11 -import { useClipboard } from '@vueuse/core';  
12 -import { useMessage } from '/@/hooks/web/useMessage';  
13 -  
14 -const typeValue = ref('');  
15 -export enum CredentialsEnum {  
16 - IS_ANONYMOUS = 'anonymous',  
17 - IS_BASIC = 'basic',  
18 - IS_PEM = 'pem',  
19 -}  
20 -export const isBasic = (type: string) => {  
21 - return type === CredentialsEnum.IS_BASIC;  
22 -};  
23 -export const isPem = (type: string) => {  
24 - return type === CredentialsEnum.IS_PEM;  
25 -};  
26 -  
27 -export enum DataSourceType {  
28 - ALL = 'ALL',  
29 - PRODUCT = 'PRODUCTS',  
30 - DEVICE = 'DEVICES',  
31 -}  
32 -  
33 -export enum BasicInfoFormField {  
34 - DATA_SOURCE_TYPE = 'datasourceType',  
35 - DATA_SOURCE_PRODUCT = 'datasourceProduct',  
36 - DATA_SOURCE_DEVICE = 'datasourceDevice',  
37 - CONVERT_CONFIG_ID = 'convertConfigId',  
38 -}  
39 -  
40 -export enum DeviceStatusEnum {  
41 - OFFLINE = 'OFFLINE',  
42 - ONLINE = 'ONLINE',  
43 - INACTIVE = 'INACTIVE',  
44 -}  
45 -  
46 -export enum DeviceStatusNameEnum {  
47 - OFFLINE = '离线',  
48 - ONLINE = '在线',  
49 - INACTIVE = '待激活',  
50 -}  
51 -  
52 -export enum DeviceTypeEnum {  
53 - SENSOR = 'SENSOR',  
54 - DIRECT_CONNECTION = 'DIRECT_CONNECTION',  
55 - GATEWAY = 'GATEWAY',  
56 -}  
57 -  
58 -export enum DeviceTypeNameEnum {  
59 - SENSOR = '网关子设备',  
60 - DIRECT_CONNECTION = '直连设备',  
61 - GATEWAY = '网关设备',  
62 -}  
63 -  
64 -const handleGroupDevice = (options: DeviceRecord[]) => {  
65 - const map = new Map<string, string[]>();  
66 - options.forEach((item) => {  
67 - if (map.has(item.profileId)) {  
68 - const deviceList = map.get(item.profileId)!;  
69 - deviceList.push(item.tbDeviceId);  
70 - } else {  
71 - map.set(item.profileId, [item.tbDeviceId]);  
72 - }  
73 - });  
74 - const value = Array.from(map.entries()).map(([product, devices]) => ({ product, devices }));  
75 -  
76 - return value;  
77 -};  
78 -  
79 -const deviceTableFormSchema: FormSchema[] = [  
80 - {  
81 - field: 'name',  
82 - label: '设备名称',  
83 - component: 'Input',  
84 - colProps: { span: 9 },  
85 - componentProps: {  
86 - placeholder: '请输入设备名称',  
87 - },  
88 - },  
89 - {  
90 - field: 'deviceType',  
91 - label: '设备类型',  
92 - component: 'ApiSelect',  
93 - colProps: { span: 9 },  
94 - componentProps: {  
95 - placeholder: '请选择设备类型',  
96 - api: findDictItemByCode,  
97 - params: {  
98 - dictCode: 'device_type',  
99 - },  
100 - labelField: 'itemText',  
101 - valueField: 'itemValue',  
102 - },  
103 - },  
104 -];  
105 -const { copied, copy } = useClipboard({ legacy: true });  
106 -const { createMessage } = useMessage();  
107 -const deviceTableColumn: BasicColumn[] = [  
108 - {  
109 - title: '状态',  
110 - dataIndex: 'deviceState',  
111 - customRender: ({ text }) => {  
112 - return h(  
113 - Tag,  
114 - {  
115 - color:  
116 - text === DeviceStatusEnum.INACTIVE  
117 - ? 'warning'  
118 - : text === DeviceStatusEnum.OFFLINE  
119 - ? 'error'  
120 - : 'success',  
121 - },  
122 - () => DeviceStatusNameEnum[text]  
123 - );  
124 - },  
125 - },  
126 - {  
127 - title: '别名/设备名称',  
128 - dataIndex: 'name',  
129 - customRender: ({ record }) => {  
130 - return h('div', [  
131 - h(  
132 - 'div',  
133 - {  
134 - class: 'cursor-pointer',  
135 - onClick: async () => {  
136 - await copy(record.name);  
137 - if (unref(copied)) createMessage.success('复制成功~');  
138 - },  
139 - },  
140 - [  
141 - record.alias && h('div', { class: 'truncate' }, record.alias),  
142 - h('div', { class: 'text-blue-400 truncate' }, record.name),  
143 - ]  
144 - ),  
145 - ]);  
146 - },  
147 - },  
148 - {  
149 - title: '设备类型',  
150 - dataIndex: 'deviceType',  
151 - customRender: ({ text }) => {  
152 - return h(Tag, { color: 'success' }, () => DeviceTypeNameEnum[text]);  
153 - },  
154 - },  
155 - {  
156 - title: '所属产品',  
157 - dataIndex: 'deviceProfile.name',  
158 - },  
159 - {  
160 - title: '所属组织',  
161 - dataIndex: 'organizationDTO.name',  
162 - },  
163 -];  
164 -  
165 -const TransferTableProps: BasicTableProps = {  
166 - formConfig: {  
167 - layout: 'inline',  
168 - labelWidth: 80,  
169 - schemas: deviceTableFormSchema,  
170 - actionColOptions: { span: 6 },  
171 - },  
172 - size: 'small',  
173 - maxHeight: 240,  
174 - useSearchForm: true,  
175 - columns: deviceTableColumn,  
176 - showIndexColumn: false,  
177 - fetchSetting: FETCH_SETTING,  
178 -} as BasicTableProps;  
179 -  
180 -export const modeForm = (submitFn?: Function): FormSchema[] => {  
181 - return [  
182 - {  
183 - field: BasicInfoFormField.CONVERT_CONFIG_ID,  
184 - label: '',  
185 - component: 'Input',  
186 - show: false,  
187 - },  
188 - {  
189 - field: BasicInfoFormField.DATA_SOURCE_TYPE,  
190 - label: '数据源',  
191 - component: 'RadioGroup',  
192 - defaultValue: DataSourceType.ALL,  
193 - componentProps: {  
194 - options: [  
195 - { label: '全部', value: DataSourceType.ALL },  
196 - { label: '产品', value: DataSourceType.PRODUCT },  
197 - { label: '设备', value: DataSourceType.DEVICE },  
198 - ],  
199 - },  
200 - },  
201 - {  
202 - field: BasicInfoFormField.DATA_SOURCE_PRODUCT,  
203 - label: '数据源产品',  
204 - component: 'TransferModal',  
205 - ifShow: ({ model }) => {  
206 - return model[BasicInfoFormField.DATA_SOURCE_TYPE] !== DataSourceType.ALL;  
207 - },  
208 - valueField: 'value',  
209 - changeEvent: 'update:value',  
210 - componentProps: ({ formActionType }) => {  
211 - const { setFieldsValue } = formActionType;  
212 - return {  
213 - api: getDeviceProfile,  
214 - labelField: 'name',  
215 - valueField: 'tbProfileId',  
216 - transferProps: {  
217 - listStyle: { height: '400px' },  
218 - showSearch: true,  
219 - filterOption: (inputValue: string, option: Recordable) => {  
220 - const upperCaseInputValue = inputValue.toUpperCase();  
221 - const upperCaseOptionValue = option.name.toUpperCase();  
222 - return upperCaseOptionValue.includes(upperCaseInputValue);  
223 - },  
224 - },  
225 - onChange: () => {  
226 - setFieldsValue({ [BasicInfoFormField.DATA_SOURCE_DEVICE]: [] });  
227 - },  
228 - };  
229 - },  
230 - },  
231 - {  
232 - field: BasicInfoFormField.DATA_SOURCE_DEVICE,  
233 - label: '数据源设备',  
234 - component: 'TransferTableModal',  
235 - ifShow: ({ model }) => {  
236 - return model[BasicInfoFormField.DATA_SOURCE_TYPE] === DataSourceType.DEVICE;  
237 - },  
238 - valueField: 'value',  
239 - changeEvent: 'update:value',  
240 - componentProps: ({ formActionType }) => {  
241 - const { getFieldsValue } = formActionType;  
242 - const values = getFieldsValue();  
243 - const convertConfigId = Reflect.get(values, BasicInfoFormField.CONVERT_CONFIG_ID);  
244 - const devices = Reflect.get(values, BasicInfoFormField.DATA_SOURCE_DEVICE);  
245 -  
246 - return {  
247 - labelField: 'name',  
248 - valueField: 'tbDeviceId',  
249 - primaryKey: 'tbDeviceId',  
250 - pendingTableProps: {  
251 - ...TransferTableProps,  
252 - api: devicePage,  
253 - beforeFetch: (params) => {  
254 - const values = getFieldsValue();  
255 - const deviceProfileIds = Reflect.get(values, BasicInfoFormField.DATA_SOURCE_PRODUCT);  
256 - const convertConfigId = Reflect.get(values, BasicInfoFormField.CONVERT_CONFIG_ID);  
257 - if (convertConfigId) {  
258 - Object.assign(params, { convertConfigId, selected: false });  
259 - }  
260 - return { ...params, deviceProfileIds };  
261 - },  
262 - } as BasicTableProps,  
263 - selectedTableProps: {  
264 - ...TransferTableProps,  
265 - // api  
266 - api: !!(convertConfigId && devices) ? devicePage : undefined,  
267 - beforeFetch: (params) => {  
268 - const values = getFieldsValue();  
269 - const deviceProfileIds = Reflect.get(values, BasicInfoFormField.DATA_SOURCE_PRODUCT);  
270 - const convertConfigId = Reflect.get(values, BasicInfoFormField.CONVERT_CONFIG_ID);  
271 - if (convertConfigId) {  
272 - Object.assign(params, { convertConfigId, selected: true });  
273 - }  
274 - return { ...params, deviceProfileIds };  
275 - },  
276 - } as BasicTableProps,  
277 - initSelectedOptions: async ({ setSelectedTotal }) => {  
278 - const values = getFieldsValue();  
279 - const convertConfigId = Reflect.get(values, BasicInfoFormField.CONVERT_CONFIG_ID);  
280 - const deviceProfileIds = Reflect.get(values, BasicInfoFormField.DATA_SOURCE_PRODUCT);  
281 - const devices = Reflect.get(values, BasicInfoFormField.DATA_SOURCE_DEVICE);  
282 - if (convertConfigId && devices) {  
283 - const { items, total } = await devicePage({  
284 - page: 1,  
285 - pageSize: 10,  
286 - convertConfigId: values[BasicInfoFormField.CONVERT_CONFIG_ID],  
287 - deviceProfileIds,  
288 - selected: true,  
289 - });  
290 - setSelectedTotal(total);  
291 - return items;  
292 - }  
293 - return [];  
294 - },  
295 - onSelectedAfter: async () => {  
296 - submitFn && (await submitFn(false));  
297 - },  
298 - onRemoveAfter: async ({ reloadSelected }) => {  
299 - submitFn && (await submitFn(false));  
300 - reloadSelected();  
301 - },  
302 - transformValue: (_selectedRowKeys: string[], selectedRows: DeviceRecord[]) => {  
303 - return handleGroupDevice(selectedRows);  
304 - },  
305 - };  
306 - },  
307 - },  
308 - {  
309 - field: 'type',  
310 - label: '转换方式',  
311 - component: 'ApiSelect',  
312 - required: true,  
313 - colProps: {  
314 - span: 24,  
315 - },  
316 - componentProps({}) {  
317 - return {  
318 - api: findDictItemByCode,  
319 - params: {  
320 - dictCode: 'convert_data_to',  
321 - },  
322 - labelField: 'itemText',  
323 - valueField: 'itemValue',  
324 - onChange(value) {  
325 - typeValue.value = value;  
326 - },  
327 - };  
328 - },  
329 - },  
330 - {  
331 - field: 'remark',  
332 - label: '描述',  
333 - colProps: { span: 24 },  
334 - component: 'Input',  
335 - componentProps: {  
336 - maxLength: 255,  
337 - placeholder: '请输入描述',  
338 - },  
339 - },  
340 - ];  
341 -};  
342 -  
343 -export const modeKafkaForm: FormSchema[] = [  
344 - {  
345 - field: 'name',  
346 - label: '名称',  
347 - colProps: { span: 12 },  
348 - required: true,  
349 - component: 'Input',  
350 - componentProps: {  
351 - maxLength: 255,  
352 - placeholder: '请输入名称',  
353 - },  
354 - dynamicRules: () => {  
355 - return [  
356 - {  
357 - required: true,  
358 - validator(_, value) {  
359 - return new Promise((resolve, reject) => {  
360 - if (value == '') {  
361 - reject('请输入名称');  
362 - } else {  
363 - resolve();  
364 - }  
365 - });  
366 - },  
367 - },  
368 - ];  
369 - },  
370 - },  
371 - {  
372 - field: 'topicPattern',  
373 - label: '消息主题',  
374 - colProps: { span: 12 },  
375 - required: true,  
376 - component: 'Input',  
377 - defaultValue: 'my-topic',  
378 - componentProps: {  
379 - maxLength: 255,  
380 - placeholder: '请输入消息主题',  
381 - },  
382 - },  
383 - {  
384 - field: 'bootstrapServers',  
385 - label: '服务器',  
386 - colProps: { span: 12 },  
387 - component: 'Input',  
388 - defaultValue: 'localhost:9092',  
389 - required: true,  
390 - componentProps: {  
391 - maxLength: 255,  
392 - placeholder: 'localhost:9092',  
393 - },  
394 - },  
395 - {  
396 - field: 'retries',  
397 - label: '重连次数',  
398 - colProps: { span: 12 },  
399 - component: 'InputNumber',  
400 - defaultValue: 0,  
401 - componentProps: {  
402 - maxLength: 255,  
403 - },  
404 - },  
405 - {  
406 - field: 'batchSize',  
407 - label: '生产者并发',  
408 - colProps: { span: 12 },  
409 - component: 'InputNumber',  
410 - defaultValue: 16384,  
411 - componentProps: {  
412 - maxLength: 255,  
413 - },  
414 - },  
415 - {  
416 - field: 'linger',  
417 - label: '缓存时间',  
418 - colProps: { span: 12 },  
419 - component: 'InputNumber',  
420 - defaultValue: 0,  
421 - componentProps: {  
422 - maxLength: 255,  
423 - },  
424 - },  
425 - {  
426 - field: 'bufferMemory',  
427 - label: '最大缓存',  
428 - colProps: { span: 12 },  
429 - component: 'InputNumber',  
430 - defaultValue: 33554432,  
431 - componentProps: {  
432 - maxLength: 255,  
433 - },  
434 - },  
435 - {  
436 - field: 'acks',  
437 - component: 'Select',  
438 - label: '响应码',  
439 - colProps: { span: 12 },  
440 - defaultValue: '-1',  
441 - componentProps: {  
442 - placeholder: '请选择响应码',  
443 - options: [  
444 - { label: 'all', value: 'all' },  
445 - { label: '-1', value: '-1' },  
446 - { label: '0', value: '0' },  
447 - { label: '1', value: '1' },  
448 - ],  
449 - },  
450 - },  
451 - {  
452 - field: 'keySerializer',  
453 - label: '键序列化',  
454 - colProps: { span: 24 },  
455 - required: true,  
456 - component: 'Input',  
457 - defaultValue: 'org.apache.kafka.common.serialization.StringSerializer',  
458 - componentProps: {  
459 - maxLength: 255,  
460 - placeholder: 'org.apache.kafka.common.serialization.StringSerializer',  
461 - },  
462 - },  
463 - {  
464 - field: 'valueSerializer',  
465 - label: '值序列化',  
466 - colProps: { span: 24 },  
467 - required: true,  
468 - component: 'Input',  
469 - defaultValue: 'org.apache.kafka.common.serialization.StringSerializer',  
470 - componentProps: {  
471 - maxLength: 255,  
472 - placeholder: 'org.apache.kafka.common.serialization.StringSerializer',  
473 - },  
474 - },  
475 - {  
476 - field: 'otherProperties',  
477 - label: '其他属性',  
478 - colProps: { span: 24 },  
479 - component: 'JAddInput',  
480 - subLabel: '不可重复',  
481 - },  
482 - {  
483 - field: 'addMetadataKeyValuesAsKafkaHeaders',  
484 - label: '是否启用',  
485 - colProps: { span: 12 },  
486 - component: 'Checkbox',  
487 - renderComponentContent: '将消息的元数据以键值对的方式添加到Kafka消息头中',  
488 - },  
489 - {  
490 - field: 'kafkaHeadersCharset',  
491 - component: 'Select',  
492 - label: '字符集',  
493 - required: true,  
494 - colProps: { span: 12 },  
495 - defaultValue: 'UTF-8',  
496 - componentProps: {  
497 - placeholder: '请选择字符集编码',  
498 - options: [  
499 - { label: 'US-ASCII', value: 'US' },  
500 - { label: 'ISO-8859-1', value: 'ISO-8859-1' },  
501 - { label: 'UTF-8', value: 'UTF-8' },  
502 - { label: 'UTF-16BE', value: 'UTF-16BE' },  
503 - { label: 'UTF-16LE', value: 'UTF-16LE' },  
504 - { label: 'UTF-16', value: 'UTF-16' },  
505 - ],  
506 - },  
507 - ifShow: ({ values }) => {  
508 - return !!values.addMetadataKeyValuesAsKafkaHeaders;  
509 - },  
510 - },  
511 - {  
512 - field: 'description',  
513 - label: '说明',  
514 - colProps: { span: 24 },  
515 - component: 'InputTextArea',  
516 - componentProps: {  
517 - maxLength: 255,  
518 - rows: 4,  
519 - placeholder: '请输入说明',  
520 - },  
521 - },  
522 -];  
523 -  
524 -export const modeMqttForm: FormSchema[] = [  
525 - {  
526 - field: 'name',  
527 - label: '名称',  
528 - colProps: { span: 12 },  
529 - component: 'Input',  
530 - componentProps: {  
531 - maxLength: 255,  
532 - placeholder: '请输入名称',  
533 - },  
534 - },  
535 - {  
536 - field: 'topicPattern',  
537 - label: '主题模式',  
538 - colProps: { span: 12 },  
539 - required: true,  
540 - component: 'Input',  
541 - defaultValue: 'my-topic',  
542 - componentProps: {  
543 - maxLength: 255,  
544 - placeholder: '请输入Topic pattern',  
545 - },  
546 - },  
547 - {  
548 - field: 'host',  
549 - label: '主机',  
550 - colProps: { span: 12 },  
551 - component: 'Input',  
552 - componentProps: {  
553 - maxLength: 255,  
554 - placeholder: '请输入Host',  
555 - },  
556 - },  
557 - {  
558 - field: 'port',  
559 - label: '端口',  
560 - colProps: { span: 12 },  
561 - component: 'InputNumber',  
562 - defaultValue: 1883,  
563 - required: true,  
564 - componentProps: {  
565 - maxLength: 255,  
566 - placeholder: '请输入Port',  
567 - },  
568 - },  
569 - {  
570 - field: 'connectTimeoutSec',  
571 - label: '连接超时（秒）',  
572 - colProps: { span: 12 },  
573 - component: 'InputNumber',  
574 - defaultValue: 10,  
575 - required: true,  
576 - componentProps: {  
577 - maxLength: 255,  
578 - placeholder: '请输入Connection timeout (sec)',  
579 - },  
580 - },  
581 - {  
582 - field: 'clientId',  
583 - label: '客户端ID',  
584 - colProps: { span: 12 },  
585 - component: 'Input',  
586 - componentProps: ({ formActionType }) => {  
587 - const { updateSchema } = formActionType;  
588 - return {  
589 - onChange(e) {  
590 - if (!e.data) {  
591 - updateSchema({  
592 - field: 'appendClientIdSuffix',  
593 - show: false,  
594 - });  
595 - } else {  
596 - updateSchema({  
597 - field: 'appendClientIdSuffix',  
598 - show: true,  
599 - });  
600 - }  
601 - },  
602 - maxLength: 255,  
603 - placeholder: '请输入Client ID',  
604 - };  
605 - },  
606 - },  
607 - {  
608 - field: 'appendClientIdSuffix',  
609 - label: '',  
610 - colProps: { span: 12 },  
611 - defaultValue: false,  
612 - component: 'Checkbox',  
613 - renderComponentContent: '将服务ID作为后缀添加到客户端ID',  
614 - show: false,  
615 - },  
616 - {  
617 - field: 'cleanSession',  
618 - label: '是否启用',  
619 - colProps: { span: 12 },  
620 - defaultValue: true,  
621 - component: 'Checkbox',  
622 - renderComponentContent: '清除会话',  
623 - },  
624 - {  
625 - field: 'ssl',  
626 - label: '是否启用',  
627 - colProps: { span: 12 },  
628 - defaultValue: false,  
629 - component: 'Checkbox',  
630 - renderComponentContent: '启用SSL',  
631 - },  
632 - {  
633 - field: 'type',  
634 - component: 'Select',  
635 - label: '凭据类型',  
636 - colProps: { span: 12 },  
637 - defaultValue: 'anonymous',  
638 - componentProps: {  
639 - placeholder: '请选择Credentials',  
640 - options: [  
641 - { label: 'Anonymous', value: 'anonymous' },  
642 - { label: 'Basic', value: 'basic' },  
643 - { label: 'PEM', value: 'pem' },  
644 - ],  
645 - },  
646 - },  
647 - {  
648 - field: 'username',  
649 - label: '用户名',  
650 - colProps: { span: 12 },  
651 - component: 'Input',  
652 - required: true,  
653 - componentProps: {  
654 - maxLength: 255,  
655 - placeholder: '请输入用户名',  
656 - },  
657 - ifShow: ({ values }) => isBasic(Reflect.get(values, 'type')),  
658 - },  
659 - {  
660 - field: 'password',  
661 - label: '密码',  
662 - colProps: { span: 12 },  
663 - component: 'InputPassword',  
664 - componentProps: {  
665 - maxLength: 255,  
666 - placeholder: '请输入密码',  
667 - },  
668 - ifShow: ({ values }) => isBasic(Reflect.get(values, 'type')),  
669 - },  
670 - {  
671 - field: '4',  
672 - label: '',  
673 - colProps: { span: 24 },  
674 - component: 'Input',  
675 - slot: 'uploadAdd1',  
676 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
677 - },  
678 - {  
679 - field: '11',  
680 - label: '',  
681 - colProps: { span: 24 },  
682 - component: 'Input',  
683 - slot: 'showImg1',  
684 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
685 - },  
686 - {  
687 - field: '5',  
688 - label: '',  
689 - colProps: { span: 24 },  
690 - component: 'Input',  
691 - slot: 'uploadAdd2',  
692 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
693 - },  
694 - {  
695 - field: '1111',  
696 - label: '',  
697 - colProps: { span: 24 },  
698 - component: 'Input',  
699 - slot: 'showImg2',  
700 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
701 - },  
702 - {  
703 - field: '6',  
704 - label: '',  
705 - colProps: { span: 24 },  
706 - component: 'Input',  
707 - slot: 'uploadAdd3',  
708 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
709 - },  
710 - {  
711 - field: '111111',  
712 - label: '',  
713 - colProps: { span: 24 },  
714 - component: 'Input',  
715 - slot: 'showImg3',  
716 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
717 - },  
718 - {  
719 - field: 'password',  
720 - label: '密码',  
721 - colProps: { span: 12 },  
722 - component: 'InputPassword',  
723 - componentProps: {  
724 - maxLength: 255,  
725 - placeholder: '请输入密码',  
726 - },  
727 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
728 - },  
729 - {  
730 - field: 'description',  
731 - label: '说明',  
732 - colProps: { span: 24 },  
733 - component: 'InputTextArea',  
734 - componentProps: {  
735 - maxLength: 255,  
736 - rows: 4,  
737 - placeholder: '请输入说明',  
738 - },  
739 - },  
740 -];  
741 -  
742 -export const modeRabbitMqForm: FormSchema[] = [  
743 - {  
744 - field: 'name',  
745 - label: '名称',  
746 - colProps: { span: 12 },  
747 - required: true,  
748 - component: 'Input',  
749 - componentProps: {  
750 - maxLength: 255,  
751 - placeholder: '请输入名称',  
752 - },  
753 - dynamicRules: () => {  
754 - return [  
755 - {  
756 - required: true,  
757 - validator(_, value) {  
758 - return new Promise((resolve, reject) => {  
759 - if (value == '') {  
760 - reject('请输入名称');  
761 - } else {  
762 - resolve();  
763 - }  
764 - });  
765 - },  
766 - },  
767 - ];  
768 - },  
769 - },  
770 - {  
771 - field: 'exchangeNamePattern',  
772 - label: '交换名称模式',  
773 - colProps: { span: 12 },  
774 - component: 'Input',  
775 - componentProps: {  
776 - maxLength: 255,  
777 - placeholder: '请输入模式',  
778 - },  
779 - },  
780 - {  
781 - field: 'routingKeyPattern',  
782 - label: '路由密钥模式',  
783 - colProps: { span: 12 },  
784 - component: 'Input',  
785 - componentProps: {  
786 - maxLength: 255,  
787 - placeholder: '请输入模式',  
788 - },  
789 - },  
790 - {  
791 - field: 'messageProperties',  
792 - component: 'Select',  
793 - label: '消息属性',  
794 - colProps: { span: 12 },  
795 - componentProps: {  
796 - placeholder: '请选择消息属性',  
797 - options: [  
798 - { label: 'BASIC', value: 'BASIC' },  
799 - { label: 'TEXT_PLAIN', value: 'TEXT_PLAIN' },  
800 - { label: 'MINIMAL_BASIC', value: 'MINIMAL_BASIC' },  
801 - { label: 'MINIMAL_PERSISTENT_BASIC', value: 'MINIMAL_PERSISTENT_BASIC' },  
802 - { label: 'PERSISTENT_BASIC', value: 'PERSISTENT_BASIC' },  
803 - { label: 'PERSISTENT_TEXT_PLAIN', value: 'PERSISTENT_TEXT_PLAIN' },  
804 - ],  
805 - },  
806 - },  
807 - {  
808 - field: 'host',  
809 - label: '主机',  
810 - colProps: { span: 12 },  
811 - component: 'Input',  
812 - required: true,  
813 - defaultValue: 'localhost',  
814 - componentProps: {  
815 - maxLength: 255,  
816 - placeholder: 'localhost',  
817 - },  
818 - },  
819 - {  
820 - field: 'port',  
821 - label: '端口',  
822 - colProps: { span: 12 },  
823 - component: 'InputNumber',  
824 - defaultValue: 5672,  
825 - required: true,  
826 - componentProps: {  
827 - maxLength: 255,  
828 - placeholder: '请输入Port',  
829 - },  
830 - },  
831 - {  
832 - field: 'virtualHost',  
833 - label: '虚拟端口（以/开头）',  
834 - colProps: { span: 12 },  
835 - component: 'Input',  
836 - defaultValue: '/',  
837 - componentProps: {  
838 - maxLength: 255,  
839 - placeholder: '/',  
840 - },  
841 - },  
842 - {  
843 - field: 'username',  
844 - label: '用户名',  
845 - colProps: { span: 12 },  
846 - component: 'Input',  
847 - defaultValue: 'guest',  
848 - componentProps: {  
849 - maxLength: 255,  
850 - placeholder: '请输入用户名',  
851 - },  
852 - },  
853 - {  
854 - field: 'password',  
855 - label: '密码',  
856 - colProps: { span: 12 },  
857 - component: 'InputPassword',  
858 - defaultValue: 'guest',  
859 - componentProps: {  
860 - maxLength: 255,  
861 - placeholder: '请输入密码',  
862 - },  
863 - },  
864 - {  
865 - field: 'automaticRecoveryEnabled',  
866 - label: '是否启用',  
867 - colProps: { span: 12 },  
868 - component: 'Checkbox',  
869 - renderComponentContent: '自动恢复',  
870 - },  
871 - {  
872 - field: 'connectionTimeout',  
873 - label: '连接超时（毫秒）',  
874 - colProps: { span: 12 },  
875 - component: 'InputNumber',  
876 - defaultValue: 60000,  
877 - componentProps: {  
878 - maxLength: 255,  
879 - placeholder: '请输入Connection timeout (ms)',  
880 - },  
881 - },  
882 - {  
883 - field: 'handshakeTimeout',  
884 - label: '握手超时（毫秒）',  
885 - colProps: { span: 12 },  
886 - component: 'InputNumber',  
887 - defaultValue: 10000,  
888 - componentProps: {  
889 - maxLength: 255,  
890 - placeholder: '请输入Handshake timeout (ms)',  
891 - },  
892 - },  
893 - {  
894 - field: 'clientProperties',  
895 - label: '客户端属性',  
896 - colProps: { span: 24 },  
897 - component: 'JAddInput',  
898 - subLabel: '不可重复',  
899 - },  
900 - {  
901 - field: 'description',  
902 - label: '说明',  
903 - colProps: { span: 24 },  
904 - component: 'InputTextArea',  
905 - componentProps: {  
906 - maxLength: 255,  
907 - rows: 4,  
908 - placeholder: '请输入说明',  
909 - },  
910 - },  
911 -];  
912 -  
913 -export const modeApiForm: FormSchema[] = [  
914 - {  
915 - field: 'name',  
916 - label: '名称',  
917 - colProps: { span: 12 },  
918 - required: true,  
919 - component: 'Input',  
920 - componentProps: {  
921 - maxLength: 255,  
922 - placeholder: '请输入名称',  
923 - },  
924 - dynamicRules: ({ values }) => {  
925 - return [  
926 - {  
927 - required: true,  
928 - validator(_, value) {  
929 - return new Promise((resolve, reject) => {  
930 - if (value == '') {  
931 - reject('请输入名称');  
932 - } else {  
933 - if (values.name) {  
934 - isExistDataManagerNameApi({  
935 - name: value,  
936 - type:  
937 - typeValue.value == ''  
938 - ? 'org.thingsboard.rule.engine.rest.TbRestApiCallNode'  
939 - : typeValue.value,  
940 - }).then((data) => {  
941 - if (data == true) {  
942 - // createMessage.error('名称已存在');  
943 - resolve();  
944 - } else {  
945 - resolve();  
946 - }  
947 - });  
948 - } else {  
949 - resolve();  
950 - }  
951 - }  
952 - });  
953 - },  
954 - },  
955 - ];  
956 - },  
957 - },  
958 - {  
959 - field: 'restEndpointUrlPattern',  
960 - label: '端点URL模式',  
961 - colProps: { span: 12 },  
962 - required: true,  
963 - defaultValue: 'http://localhost/api',  
964 - component: 'Input',  
965 - componentProps: {  
966 - maxLength: 255,  
967 - placeholder: '请输入Endpoint URL pattern',  
968 - },  
969 - },  
970 - {  
971 - field: 'requestMethod',  
972 - component: 'Select',  
973 - label: '请求方式',  
974 - colProps: { span: 12 },  
975 - defaultValue: 'POST',  
976 - componentProps: {  
977 - placeholder: '请选择Request method',  
978 - options: [  
979 - { label: 'GET', value: 'GET' },  
980 - { label: 'POST', value: 'POST' },  
981 - { label: 'PUT', value: 'PUT' },  
982 - { label: 'DELETE', value: 'DELETE' },  
983 - ],  
984 - },  
985 - },  
986 - {  
987 - field: 'enableProxy',  
988 - label: '是否启用',  
989 - colProps: { span: 12 },  
990 - component: 'Checkbox',  
991 - renderComponentContent: '启用代理',  
992 - },  
993 -  
994 - {  
995 - field: 'proxyHost',  
996 - label: '代理主机',  
997 - colProps: { span: 12 },  
998 - required: true,  
999 - component: 'Input',  
1000 - componentProps: {  
1001 - maxLength: 255,  
1002 - placeholder: 'http或者https开头',  
1003 - },  
1004 - ifShow: ({ values }) => {  
1005 - return !!values.enableProxy;  
1006 - },  
1007 - },  
1008 - {  
1009 - field: 'proxyPort',  
1010 - label: '代理端口',  
1011 - colProps: { span: 12 },  
1012 - required: true,  
1013 - component: 'InputNumber',  
1014 - defaultValue: 0,  
1015 - componentProps: {  
1016 - maxLength: 255,  
1017 - placeholder: 'http或者https开头',  
1018 - },  
1019 - ifShow: ({ values }) => {  
1020 - return !!values.enableProxy;  
1021 - },  
1022 - },  
1023 - {  
1024 - field: 'proxyUser',  
1025 - label: '代理用户',  
1026 - colProps: { span: 12 },  
1027 - required: true,  
1028 - component: 'Input',  
1029 - componentProps: {  
1030 - maxLength: 255,  
1031 - placeholder: '请输入代理用户',  
1032 - },  
1033 - ifShow: ({ values }) => {  
1034 - return !!values.enableProxy;  
1035 - },  
1036 - },  
1037 - {  
1038 - field: 'proxyPassword',  
1039 - label: '代理密码',  
1040 - colProps: { span: 12 },  
1041 - required: true,  
1042 - component: 'InputPassword',  
1043 - componentProps: {  
1044 - maxLength: 255,  
1045 - placeholder: '请输入代理密码',  
1046 - },  
1047 - ifShow: ({ values }) => {  
1048 - return !!values.enableProxy;  
1049 - },  
1050 - },  
1051 -  
1052 - {  
1053 - field: 'useSystemProxyProperties',  
1054 - label: '是否启用',  
1055 - colProps: { span: 12 },  
1056 - component: 'Checkbox',  
1057 - renderComponentContent: '使用系统代理属性',  
1058 - },  
1059 - {  
1060 - field: 'maxParallelRequestsCount',  
1061 - label: '最大并行请求数',  
1062 - colProps: { span: 12 },  
1063 - required: true,  
1064 - component: 'InputNumber',  
1065 - defaultValue: 0,  
1066 - componentProps: {  
1067 - maxLength: 255,  
1068 - },  
1069 - ifShow: ({ values }) => {  
1070 - return !!values.useSystemProxyProperties;  
1071 - },  
1072 - },  
1073 - {  
1074 - field: 'ignoreRequestBody',  
1075 - label: '是否启用',  
1076 - colProps: { span: 12 },  
1077 - component: 'Checkbox',  
1078 - renderComponentContent: '无请求正文',  
1079 - },  
1080 - {  
1081 - field: 'readTimeoutMs',  
1082 - label: '读取超时（毫秒）',  
1083 - colProps: { span: 12 },  
1084 - required: true,  
1085 - component: 'InputNumber',  
1086 - defaultValue: 0,  
1087 - componentProps: {  
1088 - maxLength: 255,  
1089 - },  
1090 - ifShow: ({ values }) => {  
1091 - return !values.useSystemProxyProperties;  
1092 - },  
1093 - },  
1094 - {  
1095 - field: 'maxParallelRequestsCount',  
1096 - label: '最大并行请求数',  
1097 - colProps: { span: 12 },  
1098 - required: true,  
1099 - component: 'InputNumber',  
1100 - defaultValue: 0,  
1101 - componentProps: {  
1102 - maxLength: 255,  
1103 - },  
1104 - ifShow: ({ values }) => {  
1105 - return !values.useSystemProxyProperties;  
1106 - },  
1107 - },  
1108 - {  
1109 - field: 'headers',  
1110 - label: 'Headers',  
1111 - colProps: { span: 24 },  
1112 - defaultValue: { 'Content-Type': 'application/json' },  
1113 - component: 'JAddInput',  
1114 - subLabel: '不可重复',  
1115 - },  
1116 -  
1117 - {  
1118 - field: 'useRedisQueueForMsgPersistence',  
1119 - label: '是否启用',  
1120 - colProps: { span: 12 },  
1121 - component: 'Checkbox',  
1122 - renderComponentContent: '使用redis队列进行消息持久性',  
1123 - },  
1124 - {  
1125 - field: 'trimQueue',  
1126 - label: '是否启用',  
1127 - colProps: { span: 12 },  
1128 - component: 'Checkbox',  
1129 - renderComponentContent: '修剪redis队列',  
1130 - ifShow: ({ values }) => {  
1131 - return !!values.useRedisQueueForMsgPersistence;  
1132 - },  
1133 - },  
1134 - {  
1135 - field: 'maxQueueSize',  
1136 - label: 'Redis队列最大数',  
1137 - colProps: { span: 12 },  
1138 - required: true,  
1139 - component: 'InputNumber',  
1140 - defaultValue: 0,  
1141 - componentProps: {  
1142 - maxLength: 255,  
1143 - },  
1144 - ifShow: ({ values }) => {  
1145 - return !!values.useRedisQueueForMsgPersistence;  
1146 - },  
1147 - },  
1148 -  
1149 - {  
1150 - field: 'type',  
1151 - component: 'Select',  
1152 - label: '凭据类型',  
1153 - colProps: { span: 12 },  
1154 - defaultValue: 'anonymous',  
1155 - componentProps: {  
1156 - placeholder: '请选择凭据类型',  
1157 - options: [  
1158 - { label: 'Anonymous', value: 'anonymous' },  
1159 - { label: 'Basic', value: 'basic' },  
1160 - { label: 'PEM', value: 'pem' },  
1161 - ],  
1162 - },  
1163 - },  
1164 - {  
1165 - field: 'username',  
1166 - label: '用户名',  
1167 - colProps: { span: 12 },  
1168 - component: 'Input',  
1169 - required: true,  
1170 - componentProps: {  
1171 - maxLength: 255,  
1172 - placeholder: '请输入用户名',  
1173 - },  
1174 - ifShow: ({ values }) => isBasic(Reflect.get(values, 'type')),  
1175 - },  
1176 - {  
1177 - field: 'password',  
1178 - label: '密码',  
1179 - colProps: { span: 12 },  
1180 - component: 'InputPassword',  
1181 - required: true,  
1182 - componentProps: {  
1183 - maxLength: 255,  
1184 - placeholder: '请输入密码',  
1185 - },  
1186 - ifShow: ({ values }) => isBasic(Reflect.get(values, 'type')),  
1187 - },  
1188 - {  
1189 - field: '1',  
1190 - label: '',  
1191 - colProps: { span: 24 },  
1192 - component: 'Input',  
1193 - slot: 'uploadAdd1',  
1194 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
1195 - },  
1196 - {  
1197 - field: '11',  
1198 - label: '',  
1199 - colProps: { span: 24 },  
1200 - component: 'Input',  
1201 - slot: 'showImg1',  
1202 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
1203 - },  
1204 - {  
1205 - field: '1',  
1206 - label: '',  
1207 - colProps: { span: 24 },  
1208 - component: 'Input',  
1209 - slot: 'uploadAdd2',  
1210 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
1211 - },  
1212 - {  
1213 - field: '1111',  
1214 - label: '',  
1215 - colProps: { span: 24 },  
1216 - component: 'Input',  
1217 - slot: 'showImg2',  
1218 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
1219 - },  
1220 - {  
1221 - field: '1',  
1222 - label: '',  
1223 - colProps: { span: 24 },  
1224 - component: 'Input',  
1225 - slot: 'uploadAdd3',  
1226 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
1227 - },  
1228 - {  
1229 - field: '111111',  
1230 - label: '',  
1231 - colProps: { span: 24 },  
1232 - component: 'Input',  
1233 - slot: 'showImg3',  
1234 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
1235 - },  
1236 - {  
1237 - field: 'password',  
1238 - label: '密码',  
1239 - colProps: { span: 12 },  
1240 - component: 'InputPassword',  
1241 - componentProps: {  
1242 - maxLength: 255,  
1243 - placeholder: '请输入密码',  
1244 - },  
1245 - ifShow: ({ values }) => isPem(Reflect.get(values, 'type')),  
1246 - },  
1247 -  
1248 - {  
1249 - field: 'description',  
1250 - label: '说明',  
1251 - colProps: { span: 24 },  
1252 - component: 'InputTextArea',  
1253 - componentProps: {  
1254 - maxLength: 255,  
1255 - rows: 4,  
1256 - placeholder: '请输入说明',  
1257 - },  
1258 - },  
1259 -];  
1 -<template>  
2 - <div class="transfer-config-mode">  
3 - <BasicForm :showSubmitButton="false" @register="register">  
4 - <template #uploadAdd1="{ field }">  
5 - <span style="display: none">{{ field }}</span>  
6 - <a-upload-dragger  
7 - v-model:fileList="fileList1"  
8 - name="file"  
9 - :key="1"  
10 - :multiple="false"  
11 - @change="handleChange('T', $event)"  
12 - :before-upload="() => false"  
13 - >  
14 - <p class="ant-upload-drag-icon">  
15 - <InboxOutlined />  
16 - </p>  
17 - <p class="ant-upload-text">点击或将文件拖拽到这里上传</p>  
18 - <p class="ant-upload-hint">  
19 - 支持扩展名：.jpeg .png .jpg ...  
20 - <br />  
21 - 文件大小：最大支持5M  
22 - </p>  
23 - </a-upload-dragger>  
24 - </template>  
25 - <template #showImg1="{ field }">  
26 - <span style="display: none">{{ field }}</span>  
27 - <img  
28 - v-if="showImg1"  
29 - :src="showImg1Pic"  
30 - alt="avatar"  
31 - style="width: 6.25rem; height: 6.25rem"  
32 - />  
33 - </template>  
34 - <div style="margin-top: 50px"></div>  
35 - <template #uploadAdd2="{ field }">  
36 - <span style="display: none">{{ field }}</span>  
37 - <a-upload-dragger  
38 - v-model:fileList="fileList2"  
39 - name="file"  
40 - :key="2"  
41 - :multiple="false"  
42 - @change="handleChange('F', $event)"  
43 - :before-upload="() => false"  
44 - >  
45 - <p class="ant-upload-drag-icon">  
46 - <InboxOutlined />  
47 - </p>  
48 - <p class="ant-upload-text">点击或将文件拖拽到这里上传</p>  
49 - <p class="ant-upload-hint">  
50 - 支持扩展名：.jpeg .png .jpg ...  
51 - <br />  
52 - 文件大小：最大支持5M  
53 - </p>  
54 - </a-upload-dragger>  
55 - </template>  
56 - <template #showImg2="{ field }">  
57 - <span style="display: none">{{ field }}</span>  
58 - <img  
59 - v-if="showImg2"  
60 - :src="showImg2Pic"  
61 - alt="avatar"  
62 - style="width: 6.25rem; height: 6.25rem"  
63 - />  
64 - </template>  
65 - <div style="margin-top: 50px"></div>  
66 - <template #uploadAdd3="{ field }">  
67 - <span style="display: none">{{ field }}</span>  
68 - <a-upload-dragger  
69 - v-model:fileList="fileList3"  
70 - name="file"  
71 - :key="3"  
72 - :multiple="false"  
73 - @change="handleChange('C', $event)"  
74 - :before-upload="() => false"  
75 - >  
76 - <p class="ant-upload-drag-icon">  
77 - <InboxOutlined />  
78 - </p>  
79 - <p class="ant-upload-text">点击或将文件拖拽到这里上传</p>  
80 - <p class="ant-upload-hint">  
81 - 支持扩展名：.jpeg .png .jpg ...  
82 - <br />  
83 - 文件大小：最大支持5M  
84 - </p>  
85 - </a-upload-dragger>  
86 - </template>  
87 - <template #showImg3="{ field }">  
88 - <span style="display: none">{{ field }}</span>  
89 - <img  
90 - v-if="showImg3"  
91 - :src="showImg3Pic"  
92 - alt="avatar"  
93 - style="width: 6.25rem; height: 6.25rem"  
94 - />  
95 - </template>  
96 - </BasicForm>  
97 - </div>  
98 -</template>  
99 -<script lang="ts">  
100 - import { defineComponent, ref, reactive, nextTick } from 'vue';  
101 - import { BasicForm, useForm } from '/@/components/Form';  
102 - import { CredentialsEnum, modeMqttForm } from '../config';  
103 - import { InboxOutlined } from '@ant-design/icons-vue';  
104 - import { Alert, Divider, Descriptions, Upload } from 'ant-design-vue';  
105 - import { uploadApi } from '/@/api/personal/index';  
106 - import { useMessage } from '/@/hooks/web/useMessage';  
107 -  
108 - export default defineComponent({  
109 - components: {  
110 - BasicForm,  
111 - [Alert.name]: Alert,  
112 - [Divider.name]: Divider,  
113 - [Descriptions.name]: Descriptions,  
114 - [Descriptions.Item.name]: Descriptions.Item,  
115 - InboxOutlined,  
116 - [Upload.Dragger.name]: Upload.Dragger,  
117 - },  
118 - emits: ['next', 'prev', 'register'],  
119 - setup(_, { emit }) {  
120 - const showImg1 = ref(false);  
121 - const showImg1Pic = ref('');  
122 - const showImg2 = ref(false);  
123 - const showImg2Pic = ref('');  
124 - const showImg3 = ref(false);  
125 - const showImg3Pic = ref('');  
126 - const { createMessage } = useMessage();  
127 - let caCertFileName = ref('');  
128 - let privateKeyFileName = ref('');  
129 - let certFileName = ref('');  
130 - let fileList1: any = ref<[]>([]);  
131 - let fileList2: any = ref<[]>([]);  
132 - let fileList3: any = ref<[]>([]);  
133 - const credentialsV: any = reactive({  
134 - credentials: {  
135 - type: '',  
136 - },  
137 - });  
138 - const sonValues: any = reactive({  
139 - configuration: {},  
140 - });  
141 - const [register, { validate, setFieldsValue, resetFields: defineClearFunc }] = useForm({  
142 - labelWidth: 120,  
143 - schemas: modeMqttForm,  
144 - actionColOptions: {  
145 - span: 14,  
146 - },  
147 - resetButtonOptions: {  
148 - text: '上一步',  
149 - },  
150 - resetFunc: customResetFunc,  
151 - submitFunc: customSubmitFunc,  
152 - });  
153 -  
154 - /**  
155 - * 上传图片  
156 - */  
157 - const handleChange = async (e, { file }) => {  
158 - if (file.status === 'removed') {  
159 - if (e == 'T') {  
160 - fileList1.value = [];  
161 - showImg1.value = false;  
162 - showImg1Pic.value = '';  
163 - caCertFileName.value = '';  
164 - } else if (e == 'F') {  
165 - fileList2.value = [];  
166 - showImg2.value = false;  
167 - showImg2Pic.value = '';  
168 - certFileName.value = '';  
169 - } else {  
170 - fileList3.value = [];  
171 - showImg3.value = false;  
172 - showImg3Pic.value = '';  
173 - privateKeyFileName.value = '';  
174 - }  
175 - } else {  
176 - const isLt5M = file.size / 1024 / 1024 < 5;  
177 - if (!isLt5M) {  
178 - createMessage.error('图片大小不能超过5MB!');  
179 - } else {  
180 - e == 'T'  
181 - ? (fileList1.value = [file])  
182 - : e == 'F'  
183 - ? (fileList2.value = [file])  
184 - : (fileList3.value = [file]);  
185 - const formData = new FormData();  
186 - formData.append('file', file);  
187 - const response = await uploadApi(formData);  
188 - if (response.fileStaticUri) {  
189 - if (e == 'T') {  
190 - caCertFileName.value = response.fileStaticUri;  
191 - const iscaCertFileNamePic = caCertFileName.value.split('.').pop();  
192 - if (  
193 - iscaCertFileNamePic == 'jpg' ||  
194 - iscaCertFileNamePic == 'png' ||  
195 - iscaCertFileNamePic == 'jpeg' ||  
196 - iscaCertFileNamePic == 'gif'  
197 - ) {  
198 - showImg1.value = true;  
199 - showImg1Pic.value = response.fileStaticUri;  
200 - } else {  
201 - showImg1.value = false;  
202 - }  
203 - } else if (e == 'F') {  
204 - certFileName.value = response.fileStaticUri;  
205 - const iscertFileNamePic = certFileName.value.split('.').pop();  
206 - if (  
207 - iscertFileNamePic == 'jpg' ||  
208 - iscertFileNamePic == 'png' ||  
209 - iscertFileNamePic == 'jpeg' ||  
210 - iscertFileNamePic == 'gif'  
211 - ) {  
212 - showImg2.value = true;  
213 - showImg2Pic.value = response.fileStaticUri;  
214 - } else {  
215 - showImg2.value = false;  
216 - }  
217 - } else {  
218 - privateKeyFileName.value = response.fileStaticUri;  
219 - const isprivateKeyFileNamePic = privateKeyFileName.value.split('.').pop();  
220 - if (  
221 - isprivateKeyFileNamePic == 'jpg' ||  
222 - isprivateKeyFileNamePic == 'png' ||  
223 - isprivateKeyFileNamePic == 'jpeg' ||  
224 - isprivateKeyFileNamePic == 'gif'  
225 - ) {  
226 - showImg3.value = true;  
227 - showImg3Pic.value = response.fileStaticUri;  
228 - } else {  
229 - showImg3.value = false;  
230 - }  
231 - }  
232 - }  
233 - }  
234 - }  
235 - };  
236 - const setStepTwoFieldsValueFunc = (v, v1, v2) => {  
237 - setFieldsValue(v);  
238 - setFieldsValue({  
239 - name: v1,  
240 - description: v2,  
241 - });  
242 - setFieldsValue({  
243 - password: v.credentials?.password,  
244 - username: v.credentials?.username,  
245 - type: v.credentials?.type,  
246 - });  
247 - fileList1.value = [  
248 - {  
249 - name: v.credentials?.caCertFileName.slice(39),  
250 - uid: '1',  
251 - },  
252 - ];  
253 - fileList2.value = [  
254 - {  
255 - name: v.credentials?.certFileName.slice(39),  
256 - uid: '2',  
257 - },  
258 - ];  
259 - fileList3.value = [  
260 - {  
261 - name: v.credentials?.privateKeyFileName.slice(39),  
262 - uid: '3',  
263 - },  
264 - ];  
265 - caCertFileName.value = v.credentials?.caCertFileName;  
266 - certFileName.value = v.credentials?.certFileName;  
267 - privateKeyFileName.value = v.credentials?.privateKeyFileName;  
268 - const iscaCertFileNamePic = v.credentials?.caCertFileName.split('.').pop();  
269 - const iscertFileNamePic = v.credentials?.certFileName.split('.').pop();  
270 - const isprivateKeyFileNamePic = v.credentials?.privateKeyFileName.split('.').pop();  
271 - if (  
272 - iscaCertFileNamePic == 'jpg' ||  
273 - iscaCertFileNamePic == 'png' ||  
274 - iscaCertFileNamePic == 'jpeg' ||  
275 - iscaCertFileNamePic == 'gif'  
276 - ) {  
277 - showImg1.value = true;  
278 - showImg1Pic.value = v.credentials?.caCertFileName;  
279 - } else {  
280 - showImg1.value = false;  
281 - }  
282 - if (  
283 - iscertFileNamePic == 'jpg' ||  
284 - iscertFileNamePic == 'png' ||  
285 - iscertFileNamePic == 'jpeg' ||  
286 - iscertFileNamePic == 'gif'  
287 - ) {  
288 - showImg2.value = true;  
289 - showImg2Pic.value = v.credentials?.certFileName;  
290 - } else {  
291 - showImg2.value = false;  
292 - }  
293 - if (  
294 - isprivateKeyFileNamePic == 'jpg' ||  
295 - isprivateKeyFileNamePic == 'png' ||  
296 - isprivateKeyFileNamePic == 'jpeg' ||  
297 - isprivateKeyFileNamePic == 'gif'  
298 - ) {  
299 - showImg3.value = true;  
300 - showImg3Pic.value = v.credentials?.privateKeyFileName;  
301 - } else {  
302 - showImg3.value = false;  
303 - }  
304 - };  
305 - const customClearStepTwoValueFunc = async () => {  
306 - nextTick(() => {  
307 - defineClearFunc();  
308 - fileList1.value = [];  
309 - fileList2.value = [];  
310 - fileList3.value = [];  
311 - caCertFileName.value = '';  
312 - privateKeyFileName.value = '';  
313 - certFileName.value = '';  
314 - showImg1.value = false;  
315 - showImg1Pic.value = '';  
316 - showImg2.value = false;  
317 - showImg2Pic.value = '';  
318 - showImg3.value = false;  
319 - showImg3Pic.value = '';  
320 - });  
321 - };  
322 - async function customResetFunc() {  
323 - emit('prev');  
324 - }  
325 - async function customSubmitFunc() {  
326 - try {  
327 - const values = await validate();  
328 - emit('next', values);  
329 - } catch (error) {  
330 - } finally {  
331 - }  
332 - }  
333 - const getSonValueFunc = async () => {  
334 - sonValues.configuration = await validate();  
335 - credentialsV.credentials.type = sonValues.configuration.type;  
336 - if (credentialsV.credentials.type == CredentialsEnum.IS_BASIC) {  
337 - credentialsV.credentials.username = sonValues.configuration.username;  
338 - credentialsV.credentials.password = sonValues.configuration.password;  
339 - sonValues.configuration.username = undefined;  
340 - sonValues.configuration.password = undefined;  
341 - } else if (credentialsV.credentials.type == CredentialsEnum.IS_PEM) {  
342 - credentialsV.credentials.caCertFileName = caCertFileName.value;  
343 - credentialsV.credentials.certFileName = certFileName.value;  
344 - credentialsV.credentials.privateKeyFileName = privateKeyFileName.value;  
345 - }  
346 - if (!sonValues.configuration.clientId) {  
347 - sonValues.configuration.clientId = null;  
348 - }  
349 - Object.assign(sonValues.configuration, credentialsV);  
350 - return sonValues;  
351 - };  
352 - return {  
353 - getSonValueFunc,  
354 - register,  
355 - setStepTwoFieldsValueFunc,  
356 - customClearStepTwoValueFunc,  
357 - fileList1,  
358 - fileList2,  
359 - fileList3,  
360 - handleChange,  
361 - caCertFileName,  
362 - privateKeyFileName,  
363 - certFileName,  
364 - showImg1,  
365 - showImg1Pic,  
366 - showImg2,  
367 - showImg2Pic,  
368 - showImg3,  
369 - showImg3Pic,  
370 - };  
371 - },  
372 - });  
373 -</script>  
374 -  
375 -<style lang="less" scoped>  
376 - :deep(.ant-col-24) {  
377 - margin-bottom: 20px !important;  
378 - }  
379 -  
380 - :deep(.ant-btn-default) {  
381 - color: white;  
382 - background: #377dff;  
383 - }  
384 -</style>