Merge branch 'perf/product-detail-desc' into 'main_dev'

perf: 优化Tcp产品传输配置新增Modbus于自定义标志

See merge request yunteng/thingskit-front!1231

 <script lang="ts" setup>
 <script lang="ts" setup>
   import { Button, Tag } from 'ant-design-vue';
   import { Button, Tag } from 'ant-design-vue';
   import { h, onMounted, ref, unref, Ref } from 'vue';
   import { h, onMounted, ref, unref, Ref } from 'vue';
-  import { DeviceRecord } from '/@/api/device/model/deviceModel';
+  import { DeviceProfileModel } from '/@/api/device/model/deviceModel';
   import { getScriptManageMeList } from '/@/api/scriptmanage/scriptManager';
   import { getScriptManageMeList } from '/@/api/scriptmanage/scriptManager';
   import { Description, useDescription } from '/@/components/Description';
   import { Description, useDescription } from '/@/components/Description';
   import { useModal } from '/@/components/Modal';
   import { useModal } from '/@/components/Modal';
   import { ConverScriptModal } from '/@/views/rule/script/TcpConversionScript/components';
   import { ConverScriptModal } from '/@/views/rule/script/TcpConversionScript/components';
   import { SelectTypes } from 'ant-design-vue/es/select';
   import { SelectTypes } from 'ant-design-vue/es/select';
   import { BusinessConvertScriptTextEnum } from '/@/views/rule/script/TcpConversionScript/config';
   import { BusinessConvertScriptTextEnum } from '/@/views/rule/script/TcpConversionScript/config';
+  import { TCPProtocolTypeEnum, TCPProtocolTypeNameEnum } from '/@/enums/deviceEnum';
 
 
   const props = defineProps<{
   const props = defineProps<{
-    record: DeviceRecord['profileData']['transportConfiguration'];
+    record: DeviceProfileModel['profileData']['transportConfiguration'];
   }>();
   }>();
 
 
   const authScriptIdStr = ref('');
   const authScriptIdStr = ref('');
@@ -53,6 +54,16 @@
         field: 'type',
         field: 'type',
         label: '接入协议',
         label: '接入协议',
         span: 2,
         span: 2,
+        render: (value: string) => {
+          return h('div', { class: 'flex' }, [
+            h('div', { class: 'mr-2' }, value),
+            h(Tag, { color: 'blue' }, () =>
+              props.record.protocol === TCPProtocolTypeEnum.MODBUS_RTU
+                ? TCPProtocolTypeNameEnum.MODBUS_RTU
+                : TCPProtocolTypeNameEnum.CUSTOM
+            ),
+          ]);
+        },
       },
       },
       {
       {
         field: 'authScriptId',
         field: 'authScriptId',

@@ -6,11 +6,11 @@
   import MQTTConfiguration from './MQTTConfiguration.vue';
   import MQTTConfiguration from './MQTTConfiguration.vue';
   import SNMPDescription from './SNMPDescription.vue';
   import SNMPDescription from './SNMPDescription.vue';
   import TCPDescription from './TCPDescription.vue';
   import TCPDescription from './TCPDescription.vue';
-  import { DeviceRecord } from '/@/api/device/model/deviceModel';
+  import { DeviceProfileDetail } from '/@/api/device/model/deviceConfigModel';
   import { TransportTypeEnum } from '/@/enums/deviceEnum';
   import { TransportTypeEnum } from '/@/enums/deviceEnum';
 
 
   const props = defineProps<{
   const props = defineProps<{
-    record: DeviceRecord;
+    record: DeviceProfileDetail;
   }>();
   }>();
 
 
   const getTransportInfo = computed(() => {
   const getTransportInfo = computed(() => {