Commit e099bdc042d190ff5e3fc14fb2949b5b6e4089ac
1 parent
c174e0ab
fix: DEFECT-1339转换脚本新增messageType参数
Showing
3 changed files
with
219 additions
and
160 deletions
@@ -8,6 +8,31 @@ export enum StatusEnum { | @@ -8,6 +8,31 @@ export enum StatusEnum { | ||
8 | DISABLE = 0, | 8 | DISABLE = 0, |
9 | } | 9 | } |
10 | 10 | ||
11 | +export enum ScriptMessageTypeEnum { | ||
12 | + 'Post attributes' = 'POST_ATTRIBUTES', | ||
13 | + 'Post telemetry' = 'POST_TELEMETRY', | ||
14 | + 'RPC Request from Device' = 'RPC_REQUEST_FROM_DEVICE', | ||
15 | + 'RPC Request to Device' = 'RPC_REQUEST_TO_DEVICE', | ||
16 | + 'Activity Event' = 'ACTIVITY_EVENT', | ||
17 | + 'Inactivity Event' = 'INACTIVITY_EVENT', | ||
18 | + 'Connect Event' = 'CONNECT_EVENT', | ||
19 | + 'Disconnect Event' = 'DISCONNECT_EVENT', | ||
20 | + 'Entity Created' = 'ENTITY_CREATED', | ||
21 | + 'Entity Updated' = 'ENTITY_UPDATED', | ||
22 | + 'Entity Deleted' = 'ENTITY_DELETED', | ||
23 | + 'Entity Assigned' = 'ENTITY_ASSIGNED', | ||
24 | + 'Entity Unassigned' = 'ENTITY_UNASSIGNED', | ||
25 | + 'Attributes Updated' = 'ATTRIBUTES_UPDATED', | ||
26 | + 'Attributes Deleted' = 'ATTRIBUTES_DELETED', | ||
27 | + 'Timeseries Updated' = 'TIMESERIES_UPDATED', | ||
28 | + 'Timeseries Deleted' = 'TIMESERIES_DELETED', | ||
29 | + 'RPC Queued' = 'RPC_QUEUED', | ||
30 | + 'RPC Delivered' = 'RPC_DELIVERED', | ||
31 | + 'RPC Successful' = 'RPC_SUCCESSFUL', | ||
32 | + 'RPC Timeout' = 'RPC_TIMEOUT', | ||
33 | + 'RPC Failed' = 'RPC_FAILED', | ||
34 | +} | ||
35 | + | ||
11 | export const columns: BasicColumn[] = [ | 36 | export const columns: BasicColumn[] = [ |
12 | { | 37 | { |
13 | title: '名称', | 38 | title: '名称', |
1 | -<template> | ||
2 | - <div> | ||
3 | - <BasicDrawer | ||
4 | - v-bind="$attrs" | ||
5 | - :title="getTitle" | ||
6 | - @register="register" | ||
7 | - width="500px" | ||
8 | - @ok="handleSubmit" | ||
9 | - showFooter | ||
10 | - > | ||
11 | - <BasicForm @register="registerForm"> | ||
12 | - <template #function> | ||
13 | - <Card title="转换函数" :bodyStyle="{ padding: 0, height: '280px' }"> | ||
14 | - <template #extra> | ||
15 | - <Tag color="blue">Transform Function</Tag> | ||
16 | - <a-button @click="handleFormat" size="small">格式化</a-button> | ||
17 | - </template> | ||
18 | - <div class="ml-8">function Transform(msg, metadata) {</div> | ||
19 | - <div ref="aceRef" class="overflow-hidden"></div> | ||
20 | - <div class="ml-7">}</div> | ||
21 | - </Card> | ||
22 | - <a-button type="primary" class="mt-4" @click="testTransformFunc">测试转换功能</a-button> | ||
23 | - </template> | ||
24 | - </BasicForm> | ||
25 | - </BasicDrawer> | ||
26 | - </div> | ||
27 | -</template> | ||
28 | - | ||
29 | -<script lang="ts" setup> | ||
30 | - import { ref, computed, unref } from 'vue'; | ||
31 | - import { useDrawerInner, BasicDrawer } from '/@/components/Drawer/index'; | ||
32 | - import { useForm, BasicForm } from '/@/components/Form/index'; | ||
33 | - import { formSchema } from '../config/config.data'; | ||
34 | - import { Card, Tag } from 'ant-design-vue'; | ||
35 | - import { createOrEditTransformScriptApi } from '/@/api/device/TransformScriptApi'; | ||
36 | - import { useMessage } from '/@/hooks/web/useMessage'; | ||
37 | - import ace from 'ace-builds'; | ||
38 | - import 'ace-builds/src-noconflict/theme-chrome'; // 默认设置的主题 | ||
39 | - import 'ace-builds/src-noconflict/theme-terminal'; // 默认设置的主题 | ||
40 | - import 'ace-builds/src-noconflict/mode-javascript'; // 默认设置的语言模式 | ||
41 | - import { beautify } from 'ace-builds/src-noconflict/ext-beautify.js'; | ||
42 | - import { useAppStore } from '/@/store/modules/app'; | ||
43 | - | ||
44 | - const emit = defineEmits(['register', 'isStatus', 'success']); | ||
45 | - const userStore = useAppStore(); | ||
46 | - const getAceClass = computed((): string => userStore.getDarkMode); | ||
47 | - const isUpdate: any = ref(false); | ||
48 | - const isView = ref(true); | ||
49 | - const aceEditor = ref(); | ||
50 | - const aceRef = ref(); | ||
51 | - const getTitle = computed(() => (isUpdate.value ? '编辑转换脚本' : '新增转换脚本')); | ||
52 | - const editId = ref(''); | ||
53 | - const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => { | ||
54 | - resetFields(); | ||
55 | - setDrawerProps({ confirmLoading: false }); | ||
56 | - isUpdate.value = data.isUpdate; | ||
57 | - initEditor(data.record?.configuration.jsScript); | ||
58 | - switch (isUpdate.value) { | ||
59 | - case 'view': | ||
60 | - isView.value = false; | ||
61 | - setDrawerProps({ | ||
62 | - showFooter: unref(isView), | ||
63 | - title: '查看转换脚本', | ||
64 | - loading: false, | ||
65 | - }); | ||
66 | - editId.value = data.record.id; | ||
67 | - setFieldsValue(data.record); | ||
68 | - break; | ||
69 | - case true: | ||
70 | - isView.value = true; | ||
71 | - setDrawerProps({ | ||
72 | - showFooter: unref(isView), | ||
73 | - title: '编辑转换脚本', | ||
74 | - loading: false, | ||
75 | - }); | ||
76 | - editId.value = data.record.id; | ||
77 | - setFieldsValue(data.record); | ||
78 | - break; | ||
79 | - case false: | ||
80 | - isView.value = true; | ||
81 | - setDrawerProps({ | ||
82 | - showFooter: unref(isView), | ||
83 | - title: '新增转换脚本', | ||
84 | - loading: false, | ||
85 | - }); | ||
86 | - break; | ||
87 | - } | ||
88 | - }); | ||
89 | - const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({ | ||
90 | - showActionButtonGroup: false, | ||
91 | - colProps: { span: 24 }, | ||
92 | - schemas: formSchema, | ||
93 | - }); | ||
94 | - | ||
95 | - // 初始化编辑器 | ||
96 | - const initEditor = (jsScript?: string) => { | ||
97 | - aceEditor.value = ace.edit(aceRef.value, { | ||
98 | - maxLines: 12, // 最大行数,超过会自动出现滚动条 | ||
99 | - minLines: 12, // 最小行数,还未到最大行数时,编辑器会自动伸缩大小 | ||
100 | - fontSize: 14, // 编辑器内字体大小 | ||
101 | - theme: 'ace/theme/chrome', // 默认设置的主题 | ||
102 | - mode: 'ace/mode/javascript', // 默认设置的语言模式 | ||
103 | - tabSize: 2, // 制表符设置为 4 个空格大小 | ||
104 | - }); | ||
105 | - | ||
106 | - aceEditor.value.setOptions({ | ||
107 | - enableBasicAutocompletion: true, | ||
108 | - enableLiveAutocompletion: true, | ||
109 | - theme: getAceClass.value === 'dark' ? 'ace/theme/terminal' : 'ace/theme/chrome', | ||
110 | - }); | ||
111 | - aceEditor.value.setValue(jsScript ?? 'return {msg: msg, metadata: metadata};'); | ||
112 | - beautify(aceEditor.value.session); | ||
113 | - }; | ||
114 | - | ||
115 | - const testTransformFunc = () => { | ||
116 | - closeDrawer(); | ||
117 | - const jsCode = aceEditor.value.getValue(); | ||
118 | - emit('isStatus', { status: 1, jsCode }); | ||
119 | - }; | ||
120 | - const handleSubmit = async () => { | ||
121 | - const editIdPost = isUpdate.value ? { id: editId.value } : {}; | ||
122 | - try { | ||
123 | - setDrawerProps({ confirmLoading: true }); | ||
124 | - const fieldsValue = await validate(); | ||
125 | - if (!fieldsValue) return; | ||
126 | - await createOrEditTransformScriptApi({ | ||
127 | - configuration: { | ||
128 | - jsScript: aceEditor.value.getValue(), | ||
129 | - }, | ||
130 | - type: 'org.thingsboard.rule.engine.transform.TbTransformMsgNode', | ||
131 | - ...fieldsValue, | ||
132 | - ...editIdPost, | ||
133 | - }); | ||
134 | - closeDrawer(); | ||
135 | - emit('success'); | ||
136 | - const { createMessage } = useMessage(); | ||
137 | - createMessage.success('保存成功'); | ||
138 | - } catch (e) { | ||
139 | - } finally { | ||
140 | - setTimeout(() => { | ||
141 | - setDrawerProps({ confirmLoading: false }); | ||
142 | - }, 300); | ||
143 | - } | ||
144 | - }; | ||
145 | - const handleFormat = () => { | ||
146 | - beautify(aceEditor.value.session); | ||
147 | - }; | ||
148 | - defineExpose({ aceEditor }); | ||
149 | -</script> | 1 | +<template> |
2 | + <div> | ||
3 | + <BasicDrawer | ||
4 | + v-bind="$attrs" | ||
5 | + :title="getTitle" | ||
6 | + @register="register" | ||
7 | + width="500px" | ||
8 | + @ok="handleSubmit" | ||
9 | + showFooter | ||
10 | + > | ||
11 | + <BasicForm @register="registerForm"> | ||
12 | + <template #function> | ||
13 | + <Card title="转换函数" :bodyStyle="{ padding: 0, height: '280px' }"> | ||
14 | + <template #extra> | ||
15 | + <Tag color="blue">Transform Function</Tag> | ||
16 | + <a-button @click="handleFormat" size="small">格式化</a-button> | ||
17 | + </template> | ||
18 | + <div class="ml-8">function Transform(msg, metadata, msgType) {</div> | ||
19 | + <div ref="aceRef" class="overflow-hidden"></div> | ||
20 | + <div class="ml-7">}</div> | ||
21 | + </Card> | ||
22 | + <a-button type="primary" class="mt-4" @click="testTransformFunc">测试转换功能</a-button> | ||
23 | + </template> | ||
24 | + </BasicForm> | ||
25 | + </BasicDrawer> | ||
26 | + </div> | ||
27 | +</template> | ||
28 | + | ||
29 | +<script lang="ts" setup> | ||
30 | + import { ref, computed, unref } from 'vue'; | ||
31 | + import { useDrawerInner, BasicDrawer } from '/@/components/Drawer/index'; | ||
32 | + import { useForm, BasicForm } from '/@/components/Form/index'; | ||
33 | + import { formSchema } from '../config/config.data'; | ||
34 | + import { Card, Tag } from 'ant-design-vue'; | ||
35 | + import { createOrEditTransformScriptApi } from '/@/api/device/TransformScriptApi'; | ||
36 | + import { useMessage } from '/@/hooks/web/useMessage'; | ||
37 | + import ace from 'ace-builds'; | ||
38 | + import 'ace-builds/src-noconflict/theme-chrome'; // 默认设置的主题 | ||
39 | + import 'ace-builds/src-noconflict/theme-terminal'; // 默认设置的主题 | ||
40 | + import 'ace-builds/src-noconflict/mode-javascript'; // 默认设置的语言模式 | ||
41 | + import { beautify } from 'ace-builds/src-noconflict/ext-beautify.js'; | ||
42 | + import { useAppStore } from '/@/store/modules/app'; | ||
43 | + | ||
44 | + const emit = defineEmits(['register', 'isStatus', 'success']); | ||
45 | + const userStore = useAppStore(); | ||
46 | + const getAceClass = computed((): string => userStore.getDarkMode); | ||
47 | + const isUpdate: any = ref(false); | ||
48 | + const isView = ref(true); | ||
49 | + const aceEditor = ref(); | ||
50 | + const aceRef = ref(); | ||
51 | + const getTitle = computed(() => (isUpdate.value ? '编辑转换脚本' : '新增转换脚本')); | ||
52 | + const editId = ref(''); | ||
53 | + const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => { | ||
54 | + resetFields(); | ||
55 | + setDrawerProps({ confirmLoading: false }); | ||
56 | + isUpdate.value = data.isUpdate; | ||
57 | + initEditor(data.record?.configuration.jsScript); | ||
58 | + switch (isUpdate.value) { | ||
59 | + case 'view': | ||
60 | + isView.value = false; | ||
61 | + setDrawerProps({ | ||
62 | + showFooter: unref(isView), | ||
63 | + title: '查看转换脚本', | ||
64 | + loading: false, | ||
65 | + }); | ||
66 | + editId.value = data.record.id; | ||
67 | + setFieldsValue(data.record); | ||
68 | + break; | ||
69 | + case true: | ||
70 | + isView.value = true; | ||
71 | + setDrawerProps({ | ||
72 | + showFooter: unref(isView), | ||
73 | + title: '编辑转换脚本', | ||
74 | + loading: false, | ||
75 | + }); | ||
76 | + editId.value = data.record.id; | ||
77 | + setFieldsValue(data.record); | ||
78 | + break; | ||
79 | + case false: | ||
80 | + isView.value = true; | ||
81 | + setDrawerProps({ | ||
82 | + showFooter: unref(isView), | ||
83 | + title: '新增转换脚本', | ||
84 | + loading: false, | ||
85 | + }); | ||
86 | + break; | ||
87 | + } | ||
88 | + }); | ||
89 | + const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({ | ||
90 | + showActionButtonGroup: false, | ||
91 | + colProps: { span: 24 }, | ||
92 | + schemas: formSchema, | ||
93 | + }); | ||
94 | + | ||
95 | + // 初始化编辑器 | ||
96 | + const initEditor = (jsScript?: string) => { | ||
97 | + aceEditor.value = ace.edit(aceRef.value, { | ||
98 | + maxLines: 12, // 最大行数,超过会自动出现滚动条 | ||
99 | + minLines: 12, // 最小行数,还未到最大行数时,编辑器会自动伸缩大小 | ||
100 | + fontSize: 14, // 编辑器内字体大小 | ||
101 | + theme: 'ace/theme/chrome', // 默认设置的主题 | ||
102 | + mode: 'ace/mode/javascript', // 默认设置的语言模式 | ||
103 | + tabSize: 2, // 制表符设置为 4 个空格大小 | ||
104 | + }); | ||
105 | + | ||
106 | + aceEditor.value.setOptions({ | ||
107 | + enableBasicAutocompletion: true, | ||
108 | + enableLiveAutocompletion: true, | ||
109 | + theme: getAceClass.value === 'dark' ? 'ace/theme/terminal' : 'ace/theme/chrome', | ||
110 | + }); | ||
111 | + aceEditor.value.setValue( | ||
112 | + jsScript ?? 'return {msg: msg, metadata: metadata, msgType: msgType};' | ||
113 | + ); | ||
114 | + beautify(aceEditor.value.session); | ||
115 | + }; | ||
116 | + | ||
117 | + const testTransformFunc = () => { | ||
118 | + closeDrawer(); | ||
119 | + const jsCode = aceEditor.value.getValue(); | ||
120 | + emit('isStatus', { status: 1, jsCode }); | ||
121 | + }; | ||
122 | + const handleSubmit = async () => { | ||
123 | + const editIdPost = isUpdate.value ? { id: editId.value } : {}; | ||
124 | + try { | ||
125 | + setDrawerProps({ confirmLoading: true }); | ||
126 | + const fieldsValue = await validate(); | ||
127 | + if (!fieldsValue) return; | ||
128 | + await createOrEditTransformScriptApi({ | ||
129 | + configuration: { | ||
130 | + jsScript: aceEditor.value.getValue(), | ||
131 | + }, | ||
132 | + type: 'org.thingsboard.rule.engine.transform.TbTransformMsgNode', | ||
133 | + ...fieldsValue, | ||
134 | + ...editIdPost, | ||
135 | + }); | ||
136 | + closeDrawer(); | ||
137 | + emit('success'); | ||
138 | + const { createMessage } = useMessage(); | ||
139 | + createMessage.success('保存成功'); | ||
140 | + } catch (e) { | ||
141 | + } finally { | ||
142 | + setTimeout(() => { | ||
143 | + setDrawerProps({ confirmLoading: false }); | ||
144 | + }, 300); | ||
145 | + } | ||
146 | + }; | ||
147 | + const handleFormat = () => { | ||
148 | + beautify(aceEditor.value.session); | ||
149 | + }; | ||
150 | + defineExpose({ aceEditor }); | ||
151 | +</script> |
@@ -4,11 +4,25 @@ | @@ -4,11 +4,25 @@ | ||
4 | <div class="h-full flex p-4"> | 4 | <div class="h-full flex p-4"> |
5 | <div class="flex flex-col w-1/2"> | 5 | <div class="flex flex-col w-1/2"> |
6 | <div class="flex-1 mr-4 mb-4"> | 6 | <div class="flex-1 mr-4 mb-4"> |
7 | - <Card title="消息" :bodyStyle="cardStyle"> | 7 | + <Card :bodyStyle="cardStyle"> |
8 | + <template #title> | ||
9 | + <div class="w-3/4 flex"> | ||
10 | + <span class="mr-2">消息类型</span> | ||
11 | + <Select | ||
12 | + v-model:value="messageType" | ||
13 | + class="flex-1 mr-2" | ||
14 | + :options="getScriptMessageTypeOptions" | ||
15 | + placeholder="请选择消息类型" | ||
16 | + /> | ||
17 | + </div> | ||
18 | + <div>消息</div> | ||
19 | + </template> | ||
8 | <template #extra> | 20 | <template #extra> |
9 | - <Tag color="blue">Message</Tag> | ||
10 | - <a-button @click="handleFormatJson" size="small">格式化</a-button> | ||
11 | - <a-button @click="handleMiniJson" size="small" class="ml-2">收起</a-button> | 21 | + <div> |
22 | + <Tag color="blue">Message</Tag> | ||
23 | + <a-button @click="handleFormatJson" size="small">格式化</a-button> | ||
24 | + <a-button @click="handleMiniJson" size="small" class="ml-2">收起</a-button> | ||
25 | + </div> | ||
12 | </template> | 26 | </template> |
13 | <div ref="jsoneditorRef" style="height: 100%"></div> | 27 | <div ref="jsoneditorRef" style="height: 100%"></div> |
14 | </Card> | 28 | </Card> |
@@ -23,7 +37,7 @@ | @@ -23,7 +37,7 @@ | ||
23 | <QuestionCircleOutlined class="ml-2" style="font-size: 1rem" /> | 37 | <QuestionCircleOutlined class="ml-2" style="font-size: 1rem" /> |
24 | </Tooltip> | 38 | </Tooltip> |
25 | </template> | 39 | </template> |
26 | - <div class="ml-8">function Transform(msg, metadata) {</div> | 40 | + <div class="ml-8">function Transform(msg, metadata, msgType) {</div> |
27 | <div ref="aceRef" style="height: calc(100% - 44px)"></div> | 41 | <div ref="aceRef" style="height: calc(100% - 44px)"></div> |
28 | <div class="ml-7">}</div> | 42 | <div class="ml-7">}</div> |
29 | </Card> | 43 | </Card> |
@@ -69,24 +83,27 @@ | @@ -69,24 +83,27 @@ | ||
69 | centered | 83 | centered |
70 | v-bind="$attrs" | 84 | v-bind="$attrs" |
71 | > | 85 | > |
72 | - <h2> function Transform(msg,metadata): {msg: object, metadata: object} </h2> | 86 | + <h2> function Transform(msg,metadata): {msg: object, metadata: object, msgType: string} </h2> |
73 | <li> 将输入消息、元数据转换为输出消息的 JavaScript 函数 </li> | 87 | <li> 将输入消息、元数据转换为输出消息的 JavaScript 函数 </li> |
74 | <h2>参数:</h2> | 88 | <h2>参数:</h2> |
75 | <ul> | 89 | <ul> |
76 | <li>msg: {[key: string]: any} - 是消息有效负载键/值对象。</li> | 90 | <li>msg: {[key: string]: any} - 是消息有效负载键/值对象。</li> |
77 | - <li>metadata: {[key: string]: string} - 是消息元数据键/值映射,其中键和值都是字符串。</li> | 91 | + <li>metadata: {[key: string]: string} - 是消息元数据键/值映射, 其中键和值都是字符串。</li> |
92 | + <li>msgType: string - 是包含消息类型的字符串。有关常用值, 请参见MessageType enum。</li> | ||
78 | </ul> | 93 | </ul> |
79 | <h2>返回值:</h2> | 94 | <h2>返回值:</h2> |
80 | <ul> | 95 | <ul> |
81 | - <li> { msg?: {[key: string]: any}, metadata?: {[key: string]: string} } </li> | 96 | + <li> |
97 | + { msg?: {[key: string]: any}, metadata?: {[key: string]: string}, msgType?: string } | ||
98 | + </li> | ||
82 | <li> 结果对象中的所有字段都是可选的,如果未指定,将从原始消息中获取。 </li> | 99 | <li> 结果对象中的所有字段都是可选的,如果未指定,将从原始消息中获取。 </li> |
83 | </ul> | 100 | </ul> |
84 | </BasicModal> | 101 | </BasicModal> |
85 | </div> | 102 | </div> |
86 | </template> | 103 | </template> |
87 | <script lang="ts" setup> | 104 | <script lang="ts" setup> |
88 | - import { ref, onMounted, defineComponent } from 'vue'; | ||
89 | - import { Card, Tag, Tooltip } from 'ant-design-vue'; | 105 | + import { ref, onMounted, defineComponent, computed, unref } from 'vue'; |
106 | + import { Card, Tag, Tooltip, Select } from 'ant-design-vue'; | ||
90 | import { PageWrapper } from '/@/components/Page'; | 107 | import { PageWrapper } from '/@/components/Page'; |
91 | import { Description, DescItem, useDescription } from '/@/components/Description/index'; | 108 | import { Description, DescItem, useDescription } from '/@/components/Description/index'; |
92 | import { useMessage } from '/@/hooks/web/useMessage'; | 109 | import { useMessage } from '/@/hooks/web/useMessage'; |
@@ -100,6 +117,7 @@ | @@ -100,6 +117,7 @@ | ||
100 | import 'ace-builds/src-noconflict/mode-javascript'; // 默认设置的语言模式 | 117 | import 'ace-builds/src-noconflict/mode-javascript'; // 默认设置的语言模式 |
101 | import 'ace-builds/src-noconflict/ext-language_tools.js'; //语言提示 | 118 | import 'ace-builds/src-noconflict/ext-language_tools.js'; //语言提示 |
102 | import { beautify } from 'ace-builds/src-noconflict/ext-beautify.js'; //格式化 | 119 | import { beautify } from 'ace-builds/src-noconflict/ext-beautify.js'; //格式化 |
120 | + import { ScriptMessageTypeEnum } from '../config/config.data'; | ||
103 | // !!!important 重要,配置ace编辑器的错误提示,基础路径。否则会加载不到相关web Worker,就没有syntax validation提示 | 121 | // !!!important 重要,配置ace编辑器的错误提示,基础路径。否则会加载不到相关web Worker,就没有syntax validation提示 |
104 | ace.config.set('basePath', 'https://cdn.jsdelivr.net/npm/ace-builds@1.4.14/src-noconflict/'); | 122 | ace.config.set('basePath', 'https://cdn.jsdelivr.net/npm/ace-builds@1.4.14/src-noconflict/'); |
105 | defineComponent({ | 123 | defineComponent({ |
@@ -120,6 +138,15 @@ | @@ -120,6 +138,15 @@ | ||
120 | const aceEditor = ref(); | 138 | const aceEditor = ref(); |
121 | const aceRef = ref(); | 139 | const aceRef = ref(); |
122 | const emit = defineEmits(['isStatus']); | 140 | const emit = defineEmits(['isStatus']); |
141 | + | ||
142 | + const messageType = ref(ScriptMessageTypeEnum['Post telemetry']); | ||
143 | + const getScriptMessageTypeOptions = computed(() => | ||
144 | + Object.keys(ScriptMessageTypeEnum).map((item) => ({ | ||
145 | + label: item, | ||
146 | + value: ScriptMessageTypeEnum[item], | ||
147 | + })) | ||
148 | + ); | ||
149 | + | ||
123 | function initEditor() { | 150 | function initEditor() { |
124 | let options = { | 151 | let options = { |
125 | mode: 'code', | 152 | mode: 'code', |
@@ -200,7 +227,12 @@ | @@ -200,7 +227,12 @@ | ||
200 | const metadata = mataData; | 227 | const metadata = mataData; |
201 | const jsCode = aceEditor.value.getValue(); | 228 | const jsCode = aceEditor.value.getValue(); |
202 | // 执行动态Javascript脚本 | 229 | // 执行动态Javascript脚本 |
203 | - let result = Function('msg', 'metadata', jsCode)(msg, metadata); | 230 | + let result = Function( |
231 | + 'msg', | ||
232 | + 'metadata', | ||
233 | + 'msgType', | ||
234 | + jsCode | ||
235 | + )(msg, metadata, unref(messageType)); | ||
204 | // 设置输出值 | 236 | // 设置输出值 |
205 | outputEditor.value.set(result); | 237 | outputEditor.value.set(result); |
206 | } catch (e) { | 238 | } catch (e) { |