feat:转换函数新增保存原始数据字段

@@ -14,7 +14,12 @@
         :rules="[{ required: true, message: ifAdd ? '请输入脚本名称' : '请输入参数' }]"
         :rules="[{ required: true, message: ifAdd ? '请输入脚本名称' : '请输入参数' }]"
       >
       >
         <a-input v-if="ifAdd" v-model:value="scriptForm.name" placeholder="请输入脚本名称" />
         <a-input v-if="ifAdd" v-model:value="scriptForm.name" placeholder="请输入脚本名称" />
-        <a-input v-else v-model:value="scriptForm.params" placeholder="请输入参数" />
+        <a-input
+          @change="handleInputChange"
+          v-else
+          v-model:value="scriptForm.params"
+          placeholder="请输入参数"
+        />
       </a-form-item>
       </a-form-item>
       <a-form-item
       <a-form-item
         label="上报数据类型"
         label="上报数据类型"
@@ -25,6 +30,15 @@
           <a-radio-group v-model:value="scriptForm.dataType" :options="typeOptions" />
           <a-radio-group v-model:value="scriptForm.dataType" :options="typeOptions" />
         </a-space>
         </a-space>
       </a-form-item>
       </a-form-item>
+      <a-form-item
+        label="保存原始数据"
+        name="saveOriginalData"
+        :rules="[{ required: true, message: '请选择保存原始数据' }]"
+      >
+        <a-space direction="vertical">
+          <a-radio-group v-model:value="scriptForm.saveOriginalData" :options="originalOptions" />
+        </a-space>
+      </a-form-item>
       <a-form-item label="脚本内容" :name="ifAdd ? 'convertJs' : 'script'">
       <a-form-item label="脚本内容" :name="ifAdd ? 'convertJs' : 'script'">
         <Card title="脚本内容" :bodyStyle="{ padding: 0, height: '280px' }">
         <Card title="脚本内容" :bodyStyle="{ padding: 0, height: '280px' }">
           <template #extra>
           <template #extra>
@@ -74,7 +88,8 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { findDictItemByCode } from '/@/api/system/dict';
   import { findDictItemByCode } from '/@/api/system/dict';
   import { QuestionCircleOutlined } from '@ant-design/icons-vue';
   import { QuestionCircleOutlined } from '@ant-design/icons-vue';
-  import { defaultTitle, defaultScriptContent } from './config.data';
+  import { defaultTitle } from './config.data';
+  import { nextTick } from 'process';
 
 
   defineEmits(['register']);
   defineEmits(['register']);
   const props = defineProps({
   const props = defineProps({
@@ -88,11 +103,13 @@
     params: '',
     params: '',
     output: '',
     output: '',
     dataType: 'HEX',
     dataType: 'HEX',
+    saveOriginalData: 'false',
   });
   });
   const reportTypeOptions = reactive({
   const reportTypeOptions = reactive({
     typeOptions: [],
     typeOptions: [],
+    originalOptions: [],
   });
   });
-  const { typeOptions } = toRefs(reportTypeOptions);
+  const { typeOptions, originalOptions } = toRefs(reportTypeOptions);
   const { createMessage } = useMessage();
   const { createMessage } = useMessage();
   const { clipboardRef, copiedRef } = useCopyToClipboard();
   const { clipboardRef, copiedRef } = useCopyToClipboard();
   const aceEditor = ref();
   const aceEditor = ref();
@@ -101,10 +118,17 @@
     const res: any = await findDictItemByCode({
     const res: any = await findDictItemByCode({
       dictCode: 'report_data_type',
       dictCode: 'report_data_type',
     });
     });
+    const resOriginal: any = await findDictItemByCode({
+      dictCode: 'original_data',
+    });
     reportTypeOptions.typeOptions = res.map((m) => {
     reportTypeOptions.typeOptions = res.map((m) => {
       return { label: m.itemText, value: m.itemValue };
       return { label: m.itemText, value: m.itemValue };
     });
     });
+    reportTypeOptions.originalOptions = resOriginal.map((m) => {
+      return { label: m.itemText, value: m.itemValue };
+    });
     scriptForm.dataType = 'HEX';
     scriptForm.dataType = 'HEX';
+    scriptForm.saveOriginalData = 'false';
   });
   });
   // 初始化编辑器
   // 初始化编辑器
   const initEditor = (jsScript?: string) => {
   const initEditor = (jsScript?: string) => {
@@ -121,7 +145,7 @@
       enableBasicAutocompletion: true,
       enableBasicAutocompletion: true,
       enableLiveAutocompletion: true,
       enableLiveAutocompletion: true,
     });
     });
-    aceEditor.value.setValue(jsScript ?? defaultScriptContent);
+    aceEditor.value.setValue(jsScript);
     beautify(aceEditor.value.session);
     beautify(aceEditor.value.session);
     scriptForm.convertJs = aceEditor.value.getValue();
     scriptForm.convertJs = aceEditor.value.getValue();
   };
   };
@@ -154,16 +178,28 @@
       }
       }
     }
     }
     if (!value) return;
     if (!value) return;
+    if (scriptForm.params) {
+      const trimParams = scriptForm.params.replace(/\s*/g, '');
+      Reflect.set(value, 'params', trimParams);
+    }
     return {
     return {
       ...value,
       ...value,
       ...{ convertJs: props.ifAdd ? scriptForm.convertJs : null },
       ...{ convertJs: props.ifAdd ? scriptForm.convertJs : null },
       ...{ script: !props.ifAdd ? scriptForm.script : null },
       ...{ script: !props.ifAdd ? scriptForm.script : null },
+      ...{ saveOriginalData: scriptForm.saveOriginalData === 'false' ? false : true },
     };
     };
   };
   };
+  const handleInputChange = (e) => {
+    const trimParams = e.target.value.replace(/\s*/g, '');
+    Reflect.set(scriptForm, 'params', trimParams);
+  };
   const setFormData = (v) => {
   const setFormData = (v) => {
     for (let i in scriptForm) {
     for (let i in scriptForm) {
       Reflect.set(scriptForm, i, v[i]);
       Reflect.set(scriptForm, i, v[i]);
     }
     }
+    nextTick(() => {
+      scriptForm.saveOriginalData = v.saveOriginalData === false ? 'false' : 'true';
+    });
     aceEditor.value.setValue(v.convertJs);
     aceEditor.value.setValue(v.convertJs);
     handleFormat();
     handleFormat();
   };
   };