Merge branch 'ft' into 'main_dev'

pref: 优化脚本管理格式化换行 See merge request yunteng/thingskit-front!568

Merge branch 'ft' into 'main_dev'
pref: 优化脚本管理格式化换行 See merge request yunteng/thingskit-front!568
xp.Huang
2 parents b2ad4d17 33f47616
Showing 2 changed files with 84 additions and 36 deletions
src/views/scriptmanage/converscript/ConverScript.vue
src/views/scriptmanage/converscript/config.data.ts
--- a/src/views/scriptmanage/converscript/ConverScript.vue
View file @a293ae5
+++ b/src/views/scriptmanage/converscript/ConverScript.vue
View file @a293ae5
@@ -47,7 +47,7 @@
         </a-space>
       </a-form-item>
       <a-form-item label="脚本内容" :name="ifAdd ? 'convertJs' : 'script'">
-        <Card title="脚本内容" :bodyStyle="{ padding: 0, height: '280px' }">
+        <Card title="脚本内容" :bodyStyle="{ padding: 0 }">
           <template #extra>
             <Button
               v-show="ifAdd && !view"
@@ -69,7 +69,7 @@
               <QuestionCircleOutlined style="font-size: 1rem" />
             </Tooltip>
           </template>
-          <div ref="aceRef" class="overflow-hidden"></div>
+          <div ref="aceRef"></div>
         </Card>
         <Button @click="handleCopy" class="mt-4">
           <template #icon>
@@ -180,7 +180,7 @@
   // 初始化编辑器
   const initEditor = () => {
     aceEditor.value = ace.edit(aceRef.value, {
-      maxLines: 12, // 最大行数，超过会自动出现滚动条
+      maxLines: 16, // 最大行数，超过会自动出现滚动条
       minLines: 12, // 最小行数，还未到最大行数时，编辑器会自动伸缩大小
       fontSize: 14, // 编辑器内字体大小
       theme: 'ace/theme/chrome', // 默认设置的主题
@@ -191,6 +191,8 @@
     aceEditor.value.setOptions({
       enableBasicAutocompletion: true,
       enableLiveAutocompletion: true,
+      enableSnippets: true,
+      enableEmmet: true,
       theme: getAceClass.value === 'dark' ? 'ace/theme/terminal' : 'ace/theme/chrome',
     });
     aceEditor.value.setValue('');
@@ -201,6 +203,7 @@
   const handleScriptType = ({ target }) => {
     const { value } = target;
     scriptForm.scriptType = value;
+    if (convertJsContent.value) return;
     switchScriptTypeGetContent(value);
   };
@@ -273,6 +276,8 @@
   const getRecordId = ref('');
+  const convertJsContent = ref('');
+
   const setFormData = (v) => {
     if (v) {
       getRecordId.value = v?.id;
@@ -280,6 +285,7 @@
         Reflect.set(scriptForm, i, v[i]);
       }
       aceEditor.value.setValue(v.convertJs);
+      convertJsContent.value = v.convertJs;
       handleFormat();
     }
   };
@@ -300,8 +306,10 @@
   };
   const handleFormat = () => {
+    let oldValue = aceEditor.value?.getValue() || '';
+    oldValue = oldValue.replaceAll(/;(\n+)?/g, ';\n');
+    aceEditor.value?.setValue(oldValue);
     beautify(aceEditor.value.session);
-    aceEditor.value.getSession().setUseWrapMode(true);
   };
   const [registerModal, { openModal }] = useModal();
--- a/src/views/scriptmanage/converscript/config.data.ts
View file @a293ae5
+++ b/src/views/scriptmanage/converscript/config.data.ts
View file @a293ae5
@@ -86,48 +86,88 @@ export const defaultUpTitle = h('div', { style: 'background:#404040' }, [
 // TRANSPORT_TCP_DOWN: 'out.datas = "";out.deviceName = "sensor";',
 export const defaultScriptTypeContent = {
-  TRANSPORT_TCP_UP:
-    'var attrData = {};var teleData = {};teleData.source= params;out.datas = teleData;out.telemetry =true;out.ackMsg = params;out.deviceName = "sensor";out.ts = Date.now();',
-  TRANSPORT_TCP_AUTH: 'out.password = params;out.success = params;',
+  TRANSPORT_TCP_UP: `var teleData = {};
+/*
+物模型数据(可选)：原始数据
+*/
+teleData.source= params;
+/*
+直连/网关子设备设备：temperature是产品物模型中所定义属性的标识符
+*/
+tempVal = params;
+teleData.temperature= tempVal;
+/*
+网关设备：变量slaveDevice是网关子设备的“设备标识”
+*/
+slaveDevice = params.substr(0,2);
+teleData[slaveDevice]= params;
+out.datas = teleData;
+/*
+必填：true表示设备上报的遥测数据，false表示命令下发的响应数据
+*/
+out.telemetry = true;
+/*
+必填：设备或命令下发的唯一标识，设备的唯一标识必须与设备信息的“设备名称/SN码”一致
+*/
+out.identifier = "01";
+/*
+可选：服务端收到设备数据后，响应的消息内容
+*/
+out.ackMsg = params;
+/*
+可选：默认使用服务器时间，可以使用数据内的时间
+*/
+out.ts = Date.now();`,
+  TRANSPORT_TCP_AUTH: `/*
+    必填：设备的访问令牌
+  */
+  out.password = params;
+  /*
+    选填：设备鉴权成功后响应给设备的信息
+   */
+  out.success = params;
+  `,
 };
-export const defaultTestUpExample = `
-var teleData = {};
-/**
- * 物模型数据(可选)：原始数据
- */
+export const defaultTestUpExample = `var teleData = {};
+/*
+物模型数据(可选)：原始数据
+*/
 teleData.source= params;
-/**
- * 直连设备：sensor是产品物模型中所定义属性的标识符
- * 网关设备：sensor是网关子设备的设备名称/SN码
- */
-teleData.sensor= params+123;
+/*
+直连/网关子设备设备：temperature是产品物模型中所定义属性的标识符
+*/
+tempVal = params;
+teleData.temperature= tempVal;
+/*
+网关设备：变量slaveDevice是网关子设备的“设备标识”
+*/
+slaveDevice = params.substr(0,2);
+teleData[slaveDevice]= params;
 out.datas = teleData;
-/**
- * 必填：true表示设备上报的遥测数据，false表示命令下发的响应数据
- */
+/*
+必填：true表示设备上报的遥测数据，false表示命令下发的响应数据
+*/
 out.telemetry = true;
-/**
- * 必填：设备或命令下发的唯一标识，设备的唯一标识必须与设备信息的设备名称/SN码一致
- */
+/*
+必填：设备或命令下发的唯一标识，设备的唯一标识必须与设备信息的“设备名称/SN码”一致
+*/
 out.identifier = "01";
-/**
- * 可选：服务端收到设备数据后，响应的消息内容
- */
+/*
+可选：服务端收到设备数据后，响应的消息内容
+*/
 out.ackMsg = params;
-/**
- * 可选：默认使用服务器时间，可以使用数据内的时间
- */
-out.ts = Date.now();
-`;
+/*
+可选：默认使用服务器时间，可以使用数据内的时间
+*/
+out.ts = Date.now();`;
-export const defaultTestAuthExample = `
-/**
- * 必填：设备的访问令牌
+export const defaultTestAuthExample = `/*
+  必填：设备的访问令牌
  */
 out.password = params;
-/**
- * 选填：设备鉴权成功后响应给设备的信息
+/*
+  选填：设备鉴权成功后响应给设备的信息
  */
 out.success = params;
 `;