Merge branch 'fix/DEFECT-2098' into 'v1.4.0_dev'

fix: TCP产品详情，点击传输配置时，点击测试转换脚本无效

See merge request yunteng/thingskit-front!1355

 <script lang="ts" setup>
   import { Button, Tag } from 'ant-design-vue';
-  import { h, onMounted, ref, unref, Ref } from 'vue';
+  import { h, onMounted, ref, unref } from 'vue';
   import { DeviceProfileModel } from '/@/api/device/model/deviceModel';
   import { getScriptManageMeList } from '/@/api/scriptmanage/scriptManager';
   import { Description, useDescription } from '/@/components/Description';
   import { useModal } from '/@/components/Modal';
-  import { SelectTypes } from 'ant-design-vue/es/select';
   import { TCPProtocolTypeEnum, TCPProtocolTypeNameEnum } from '/@/enums/deviceEnum';
+  import ConvertScriptModal from '/@/views/rule/script/TcpConversionScript/components/ConvertScriptModal.vue';
+  import { ScriptLanguageEnum } from '/@/enums/scriptEnum';
+  import { DataActionModeEnum } from '/@/enums/toolEnum';
+  import JavaScriptTestModal from '/@/views/rule/designer/src/components/JavaScriptFilterModal/JavaScriptTestModal.vue';
 
   const props = defineProps<{
     record: DeviceProfileModel['profileData']['transportConfiguration'];
@@ -14,7 +17,7 @@
 
   const upScriptIdStr = ref('');
 
-  const selectUpOptions: Ref<SelectTypes['options']> = ref([]);
+  const selectUpOptions: any = ref([]);
 
   onMounted(async () => {
     selectUpOptions.value = await getAllScriptType('TRANSPORT_TCP_UP');
@@ -25,7 +28,7 @@
 
   const getAllScriptType = async (type) => {
     const rest = await getScriptManageMeList({ scriptType: type });
-    return rest.map((m) => ({ label: m.name, value: m.id }));
+    return rest.map((m) => ({ ...m, label: m.name, value: m.id }));
   };
 
   const findScriptUpName = (scriptId) => {
@@ -73,17 +76,44 @@
 
   const [registerModal, { openModal }] = useModal();
 
+  const testScriptLanguage = ref<string>(ScriptLanguageEnum.JavaScript);
   const handleTestUpScript = () => {
-    const modalParams = {
-      record: { id: unref(upScriptIdStr) },
-    };
-    openModal(true, modalParams);
+    // const modalParams = {
+    //   record: { id: unref(upScriptIdStr) },
+    // };
+    const record = selectUpOptions.value?.find((it) => it.value === unref(upScriptIdStr));
+    const { scriptLanguage = ScriptLanguageEnum.JavaScript, convertJs, convertTbel } = record;
+    testScriptLanguage.value = scriptLanguage!;
+    openModal(true, {
+      mode: DataActionModeEnum.CREATE,
+      record: scriptLanguage === ScriptLanguageEnum.JavaScript ? convertJs : convertTbel,
+    } as ModalParamsType<string>);
+
+    // openModal(true, modalParams);
+  };
+
+  const beforeTest = (params: Recordable) => {
+    return { ...params, needMetadataAndMsgType: true };
   };
 </script>
 
 <template>
   <section>
     <Description @register="register" />
-    <ConverScriptModal @register="registerModal" />
+    <ConvertScriptModal @register="registerModal" />
+    <JavaScriptTestModal
+      onlyTest
+      @register="registerModal"
+      :language="testScriptLanguage"
+      :messageValue="{
+        params: '010304026C00883BF0',
+      }"
+      :javaScriptEditorProps="{
+        functionName: 'Transform',
+        paramsName: ['msg', 'metadata', 'msgType'],
+        scriptType: 'update',
+      }"
+      :beforeTest="beforeTest"
+    />
   </section>
 </template>

@@ -136,6 +136,9 @@
   const setValue = async (value) => {
     const scriptOption = await getAllScriptType(props.scriptType, props.serviceType);
     selectOptions.value = scriptOption;
+    if (props.modelValue && !unref(selectOptions)?.some((item) => item.id === props.modelValue)) {
+      emits('update:modelValue', null);
+    }
     if (!scriptOption.map((item) => item.value).includes(value)) {
       scriptId.value = null;
     } else scriptId.value = value;