Showing
1 changed file
with
13 additions
and
2 deletions
1 | <script lang="ts" setup> | 1 | <script lang="ts" setup> |
2 | import { Button, Tag } from 'ant-design-vue'; | 2 | import { Button, Tag } from 'ant-design-vue'; |
3 | import { h, onMounted, ref, unref, Ref } from 'vue'; | 3 | import { h, onMounted, ref, unref, Ref } from 'vue'; |
4 | - import { DeviceRecord } from '/@/api/device/model/deviceModel'; | 4 | + import { DeviceProfileModel } from '/@/api/device/model/deviceModel'; |
5 | import { getScriptManageMeList } from '/@/api/scriptmanage/scriptManager'; | 5 | import { getScriptManageMeList } from '/@/api/scriptmanage/scriptManager'; |
6 | import { Description, useDescription } from '/@/components/Description'; | 6 | import { Description, useDescription } from '/@/components/Description'; |
7 | import { useModal } from '/@/components/Modal'; | 7 | import { useModal } from '/@/components/Modal'; |
8 | import { ConverScriptModal } from '/@/views/rule/script/TcpConversionScript/components'; | 8 | import { ConverScriptModal } from '/@/views/rule/script/TcpConversionScript/components'; |
9 | import { SelectTypes } from 'ant-design-vue/es/select'; | 9 | import { SelectTypes } from 'ant-design-vue/es/select'; |
10 | import { BusinessConvertScriptTextEnum } from '/@/views/rule/script/TcpConversionScript/config'; | 10 | import { BusinessConvertScriptTextEnum } from '/@/views/rule/script/TcpConversionScript/config'; |
11 | + import { TCPProtocolTypeEnum, TCPProtocolTypeNameEnum } from '/@/enums/deviceEnum'; | ||
11 | 12 | ||
12 | const props = defineProps<{ | 13 | const props = defineProps<{ |
13 | - record: DeviceRecord['profileData']['transportConfiguration']; | 14 | + record: DeviceProfileModel['profileData']['transportConfiguration']; |
14 | }>(); | 15 | }>(); |
15 | 16 | ||
16 | const authScriptIdStr = ref(''); | 17 | const authScriptIdStr = ref(''); |
@@ -53,6 +54,16 @@ | @@ -53,6 +54,16 @@ | ||
53 | field: 'type', | 54 | field: 'type', |
54 | label: '接入协议', | 55 | label: '接入协议', |
55 | span: 2, | 56 | span: 2, |
57 | + render: (value: string) => { | ||
58 | + return h('div', { class: 'flex' }, [ | ||
59 | + h('div', { class: 'mr-2' }, value), | ||
60 | + h(Tag, { color: 'blue' }, () => | ||
61 | + props.record.protocol === TCPProtocolTypeEnum.MODBUS_RTU | ||
62 | + ? TCPProtocolTypeNameEnum.MODBUS_RTU | ||
63 | + : TCPProtocolTypeNameEnum.CUSTOM | ||
64 | + ), | ||
65 | + ]); | ||
66 | + }, | ||
56 | }, | 67 | }, |
57 | { | 68 | { |
58 | field: 'authScriptId', | 69 | field: 'authScriptId', |