chore: 恢复合并到main_dev丢失的代码（TCP详情和产品分页表格部分代码）

@@ -52,6 +52,9 @@
     compact: true,
     compact: true,
     baseColProps: { span: 8 },
     baseColProps: { span: 8 },
     schemas: searchFormSchema,
     schemas: searchFormSchema,
+    resetFunc: async () => {
+      getDataSource({ name: '' });
+    },
     submitFunc: async () => {
     submitFunc: async () => {
       getDataSource({ pageSize: pagination.pageSize, page: 1 });
       getDataSource({ pageSize: pagination.pageSize, page: 1 });
     },
     },

 <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 } from 'vue';
+  import { h, onMounted, ref, unref, Ref } from 'vue';
   import { DeviceRecord } from '/@/api/device/model/deviceModel';
   import { DeviceRecord } from '/@/api/device/model/deviceModel';
-  import { ScriptRecord } from '/@/api/scriptmanage/model/scriptModel';
+  // import { ScriptRecord } from '/@/api/scriptmanage/model/scriptModel';
   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 CoverScriptModal from '/@/views/scriptmanage/converscript/ConverScriptModal.vue';
   import CoverScriptModal from '/@/views/scriptmanage/converscript/ConverScriptModal.vue';
+  import { SelectTypes } from 'ant-design-vue/es/select';
 
 
   const props = defineProps<{
   const props = defineProps<{
     record: DeviceRecord['profileData']['transportConfiguration'];
     record: DeviceRecord['profileData']['transportConfiguration'];
   }>();
   }>();
 
 
-  const scriptInfo = ref<ScriptRecord>({} as unknown as ScriptRecord);
+  // const scriptInfo = ref<ScriptRecord>({} as unknown as ScriptRecord);
+  const authScriptIdStr = ref('');
+
+  const upScriptIdStr = ref('');
+
+  const selectUpOptions: Ref<SelectTypes['options']> = ref([]);
+
+  const selectAuthOptions: Ref<SelectTypes['options']> = ref([]);
+
+  onMounted(async () => {
+    selectUpOptions.value = await getAllScriptType('TRANSPORT_TCP_UP');
+    selectAuthOptions.value = await getAllScriptType('TRANSPORT_TCP_AUTH');
+    setDescProps({
+      data: Object.assign(props.record),
+    });
+  });
+
+  const getAllScriptType = async (type) => {
+    const rest = await getScriptManageMeList({ scriptType: type });
+    return rest.map((m) => ({ label: m.name, value: m.id }));
+  };
+
+  const findScriptUpName = (scriptId) => {
+    upScriptIdStr.value = scriptId;
+    return selectUpOptions.value?.find((it) => it.value === scriptId)?.label;
+  };
+
+  const findScriptAuthName = (scriptId) => {
+    authScriptIdStr.value = scriptId;
+    return selectAuthOptions.value?.find((it) => it.value === scriptId)?.label;
+  };
 
 
   const [register, { setDescProps }] = useDescription({
   const [register, { setDescProps }] = useDescription({
     layout: 'vertical',
     layout: 'vertical',
@@ -25,14 +56,27 @@
         span: 2,
         span: 2,
       },
       },
       {
       {
-        field: 'scriptName',
-        label: '转换脚本',
+        field: 'authScriptId',
+        label: '鉴权脚本',
         render: (value: string) => {
         render: (value: string) => {
           return (
           return (
             value &&
             value &&
             h('div', [
             h('div', [
-              h(Tag, { color: 'blue' }, () => value),
-              h(Button, { type: 'link', onClick: handleTestScript }, () => '测试脚本'),
+              h(Tag, { color: 'blue' }, () => findScriptAuthName(value)),
+              h(Button, { type: 'link', onClick: handleTestAuthScript }, () => '测试脚本'),
+            ])
+          );
+        },
+      },
+      {
+        field: 'upScriptId',
+        label: '上行脚本',
+        render: (value: string) => {
+          return (
+            value &&
+            h('div', [
+              h(Tag, { color: 'blue' }, () => findScriptUpName(value)),
+              h(Button, { type: 'link', onClick: handleTestUpScript }, () => '测试脚本'),
             ])
             ])
           );
           );
         },
         },
@@ -42,29 +86,24 @@
 
 
   const [registerModal, { openModal }] = useModal();
   const [registerModal, { openModal }] = useModal();
 
 
-  const handleTestScript = () => {
+  const handleTestAuthScript = () => {
     openModal(true, {
     openModal(true, {
       isUpdate: false,
       isUpdate: false,
       isTest: true,
       isTest: true,
-      record: unref(scriptInfo).id,
+      record: unref(authScriptIdStr),
       isText: 'test',
       isText: 'test',
       isTitle: 'test',
       isTitle: 'test',
     });
     });
   };
   };
 
 
-  onMounted(() => {
-    getTransforScriptInfo();
-  });
-
-  const getTransforScriptInfo = async () => {
-    try {
-      const list = await getScriptManageMeList();
-      const record = list.find((item) => item.id === props.record.scriptId);
-      scriptInfo.value = record!;
-      setDescProps({
-        data: Object.assign(props.record, record, { scriptName: record?.name || '' }),
-      });
-    } catch (error) {}
+  const handleTestUpScript = () => {
+    openModal(true, {
+      isUpdate: false,
+      isTest: true,
+      record: unref(upScriptIdStr),
+      isText: 'test',
+      isTitle: 'test',
+    });
   };
   };
 </script>
 </script>