From ce9974f4feeaaf89ef6624437b0e9e0f63779124 Mon Sep 17 00:00:00 2001
From: chenwenhao <chenwenhao>
Date: Thu, 14 Sep 2023 15:17:06 +0800
Subject: [PATCH] fix:firmware optimization

---
 src/views/firmware/index.vue                  | 336 ++++++++----------
 src/views/setup/output/index.vue              |  36 +-
 src/views/setup/process/components/device.vue |   2 +-
 .../setup/process/components/preview.vue      |  20 +-
 src/views/setup/process/index.vue             |   2 +-
 src/views/setup/process/locale/en-US.ts       |  29 +-
 src/views/setup/process/locale/zh-CN.ts       |  29 +-
 7 files changed, 232 insertions(+), 222 deletions(-)

diff --git a/src/views/firmware/index.vue b/src/views/firmware/index.vue
index c0df33d..57e7883 100644
--- a/src/views/firmware/index.vue
+++ b/src/views/firmware/index.vue
@@ -1,86 +1,74 @@
 <template>
   <a-spin :loading="loading" :tip="loadingTip" class="item-card">
-    <a-card :class="['general-card', 'item-card']" :title="$t('workplace.device.card.burnfirmware')">
+    <a-card class="general-card" :title="$t('workplace.device.card.firmware')">
       <template #extra>
         <a-button type="primary" status="danger" @click="handleEraseflash">
-          {{ $t('workplace.device.btn.eraseflash') }}
+          {{ $t('workplace.firmware.eraseflash') }}
         </a-button>
-        <a-button v-if="haveBurnFile" class="burn-btn" type="primary" :loading="binFileUploading" @click="burnFirmware">
+      </template>
+
+      <a-list class="list" :data="data">
+        <template #header>
+          <div class="list-header">
+            <div class="list-header-address">{{ $t('workplace.firmware.address') }}</div>
+            <div class="list-header-file">{{ $t('workplace.firmware.file') }}</div>
+          </div>
+        </template>
+        <template #item="{ item, index }">
+          <a-list-item class="list-item">
+            <div class="list-item-content">
+              <div class="list-item-address">
+                <a-input :style="{ width: '150px' }" v-model="item.address" :placeholder="$t('workplace.firmware.address')" allow-clear />
+              </div>
+              <div class="list-item-file">
+                <a-upload :custom-request="fileChangeHandler" :limit="1"
+                  @before-upload="(file) => beforeUpload(file, index)" @before-remove="() => beforeRemove(index)">
+                  <template #upload-button>
+                    <a-button type="primary">
+                      <template #icon>
+                        <icon-upload />
+                      </template>
+                      <template #default>{{ $t('workplace.firmware.choosefile') }}</template>
+                    </a-button>
+                  </template>
+                </a-upload>
+              </div>
+              <div>
+                <a-button type="primary" @click="() => removeFile(index)">{{ $t('workplace.firmware.remove') }}</a-button>
+              </div>
+            </div>
+          </a-list-item>
+        </template>
+      </a-list>
+
+      <div class="bottom">
+        <a-button type="primary" @click="addFile">{{ $t('workplace.firmware.addfile') }}</a-button>
+        <a-button class="burn-btn" type="primary" @click="burnFirmware">
           {{ $t('workplace.device.btn.burn') }}
         </a-button>
-      </template>
-      <a-space direction="vertical" size="large" fill>
-        <a-space direction="vertical" size="mini" class="aimodel">
-          <label>{{ $t('workplace.device.card.chooseAImodel') }}</label>
-          <a-space class="aimodel-button">
-            <a-upload :custom-request="fileChangeHandler" :limit="1" accept=".tflite"
-              @before-upload="(file) => beforeUpload(file, FILE_TYPE.MODEL_FILE)"
-              @before-remove="(fileItem) => beforeRemove(fileItem, FILE_TYPE.MODEL_FILE)">
-              <template #upload-button>
-                <div>
-                  <a-button type="primary">
-                    <template #icon>
-                      <icon-upload />
-                    </template>
-                    <template #default>{{
-                      $t('workplace.device.card.aimodel')
-                    }}</template>
-                  </a-button>
-                </div>
-              </template>
-            </a-upload>
-          </a-space>
-        </a-space>
-
-        <a-space direction="vertical" size="mini" class="aimodel">
-          <label>{{ $t('workplace.device.card.chooseBootloader') }}</label>
-          <a-space>
-            <a-upload :custom-request="fileChangeHandler" multiple :limit="3" accept=".bin"
-              @before-upload="(file) => beforeUpload(file, FILE_TYPE.FIRMWARE_FILE)"
-              @before-remove="(fileItem) => beforeRemove(fileItem, FILE_TYPE.FIRMWARE_FILE)">
-              <template #upload-button>
-                <div>
-                  <a-button type="primary">
-                    <template #icon>
-                      <icon-upload />
-                    </template>
-                    <template #default>{{
-                      $t('workplace.device.card.binFile')
-                    }}</template></a-button>
-                </div>
-              </template>
-            </a-upload>
-          </a-space>
-        </a-space>
-      </a-space>
+      </div>
     </a-card>
   </a-spin>
 </template>
 
 <script lang="ts" setup>
-import { computed, Ref, ref } from 'vue';
+import { Ref, ref } from 'vue';
 import { FlashOptions } from 'esptool-js';
-import { RequestOption, FileItem } from '@arco-design/web-vue/es/upload';
+import { RequestOption } from '@arco-design/web-vue/es/upload';
 import { Message } from '@arco-design/web-vue';
 import { useDeviceStore } from '@/store';
 import { DeviceStatus, Serial, deviceManager } from '@/senseCraft';
 
-
 const deviceStore = useDeviceStore();
 const { device, term } = deviceManager;
-enum FILE_TYPE {
-  FIRMWARE_FILE = 1,
-  MODEL_FILE = 2,
-}
+
+const data: Ref<{
+  address: string;
+  file: File | null;
+}[]> = ref([]);
 
 const loading = ref(false);
 const loadingTip = ref('');
-const bootloaderFile: Ref<File | null> = ref(null);
-const partiontableFile: Ref<File | null> = ref(null);
-const appFile: Ref<File | null> = ref(null);
-const aiModelFile: Ref<File | null> = ref(null);
-
-const binFileUploading = ref(false);
 
 const espLoaderTerminal = {
   clean() {
@@ -94,15 +82,6 @@ const espLoaderTerminal = {
   },
 };
 
-const haveBurnFile = computed(() => {
-  return (
-    bootloaderFile.value ||
-    partiontableFile.value ||
-    appFile.value ||
-    aiModelFile.value
-  );
-});
-
 const handleEraseflash = async () => {
   loading.value = true;
   loadingTip.value = 'Connecting';
@@ -148,6 +127,39 @@ const readFile = (file: File): Promise<string> => {
 
 const burnFirmware = async () => {
   loading.value = true;
+  const fileArray = [] as {
+    data: string;
+    address: number;
+  }[];
+  let noNumber = false;
+  /* eslint-disable no-await-in-loop */
+  for (let index = 0; index < data.value.length; index += 1) {
+    const item = data.value[index];
+    if (item.file) {
+      const data = await readFile(item.file);
+      let address;
+      if (/0[xX][0-9a-fA-F]+/.test(item.address)) {
+        address = parseInt(item.address, 16)
+        fileArray.push({ data, address });
+      } else if (/^[0-9]*$/.test(item.address)) {
+        address = parseInt(item.address, 10)
+        fileArray.push({ data, address });
+      } else {
+        noNumber = true
+      }
+    }
+  }
+  if (noNumber) {
+    Message.error('The address is decimal or hexadecimal');
+    loading.value = false;
+    return;
+  }
+  if (fileArray.length === 0) {
+    Message.error('Please select bin file');
+    loading.value = false;
+    return;
+  }
+
   loadingTip.value = 'Connecting';
   if (deviceStore.deviceStatus !== DeviceStatus.EspConnected) {
     await (device as Serial).esploaderConnect(espLoaderTerminal);
@@ -159,30 +171,7 @@ const burnFirmware = async () => {
     loading.value = false;
     return
   }
-  const fileArray = [];
-  if (aiModelFile.value) {
-    const data = await readFile(aiModelFile.value);
-    fileArray.push({ data, address: 0x400000 });
-  }
-  if (bootloaderFile.value) {
-    const data = await readFile(bootloaderFile.value);
-    fileArray.push({ data, address: 0x0 });
-  }
-  if (partiontableFile.value) {
-    const data = await readFile(partiontableFile.value);
-    fileArray.push({ data, address: 0x8000 });
-  }
-  if (appFile.value) {
-    const data = await readFile(appFile.value);
-    fileArray.push({ data, address: 0x10000 });
-  }
 
-  if (fileArray.length === 0) {
-    Message.error('Please select bin file');
-    loading.value = false;
-    return;
-  }
-  binFileUploading.value = true;
   let result;
   deviceStore.setDeviceStatus(DeviceStatus.Burning);
   try {
@@ -225,7 +214,6 @@ const burnFirmware = async () => {
     loadingTip.value = '';
     loading.value = false;
   }
-  binFileUploading.value = false;
 };
 
 const fileChangeHandler = (option: RequestOption) => {
@@ -234,113 +222,103 @@ const fileChangeHandler = (option: RequestOption) => {
   return {};
 };
 
-const beforeUpload = (file: File, type: number): Promise<boolean> => {
+const beforeUpload = (file: File, index: number): Promise<boolean> => {
   return new Promise((resolve, reject) => {
     if (file) {
-      const size = file.size;
-      const reader = new FileReader();
-      reader.onload = (ev: ProgressEvent<FileReader>) => {
-        const data = ev?.target?.result as string;
-        let wrongFile = false;
-        if (type === FILE_TYPE.MODEL_FILE) {
-          aiModelFile.value = file;
-        } else if (type === FILE_TYPE.FIRMWARE_FILE) {
-          if (
-            data.indexOf('abort() was called at PC 0x%08') > -1 &&
-            size < 100 * 1024
-          ) {
-            if (bootloaderFile.value) {
-              Message.error('The same file exists');
-              wrongFile = true;
-            } else {
-              bootloaderFile.value = file;
-            }
-          } else if (
-            data.indexOf('factory') > -1 &&
-            data.indexOf('nvs') > -1 &&
-            size < 10 * 1024
-          ) {
-            if (partiontableFile.value) {
-              Message.error('The same file exists');
-              wrongFile = true;
-            } else {
-              partiontableFile.value = file;
-            }
-          } else if (
-            data.indexOf('esp_hw_support') > -1 &&
-            size < 4 * 1024 * 1024
-          ) {
-            if (appFile.value) {
-              Message.error('The same file exists');
-              wrongFile = true;
-            } else {
-              appFile.value = file;
-            }
-          } else {
-            Message.error('Wrong file format!');
-            wrongFile = true;
-          }
-        }
-        if (wrongFile) {
-          reject();
-        } else {
-          resolve(true);
-        }
-      };
-      reader.readAsBinaryString(file);
-    } else {
-      reject();
+      if (index > data.value.length - 1) {
+        reject()
+      } else {
+        const item = data.value[index];
+        item.file = file
+        resolve(true);
+      }
     }
   });
 };
 
-const beforeRemove = (fileItem: FileItem, type: number): Promise<boolean> => {
+const beforeRemove = (index: number): Promise<boolean> => {
   return new Promise((resolve, reject) => {
-    const file = fileItem.file;
-    if (file) {
-      if (type === FILE_TYPE.MODEL_FILE) {
-        aiModelFile.value = null;
-      } else if (type === FILE_TYPE.FIRMWARE_FILE) {
-        if (
-          file.name === bootloaderFile.value?.name &&
-          file.size === bootloaderFile.value?.size
-        ) {
-          bootloaderFile.value = null;
-        } else if (
-          file.name === partiontableFile.value?.name &&
-          file.size === partiontableFile.value?.size
-        ) {
-          partiontableFile.value = null;
-        } else if (
-          file.name === appFile.value?.name &&
-          file.size === appFile.value?.size
-        ) {
-          appFile.value = null;
-        }
-      }
+    if (index > data.value.length - 1) {
+      reject()
+    } else {
+      const item = data.value[index];
+      item.file = null
       resolve(true);
     }
   });
 };
+
+const addFile = () => {
+  data.value.push({ address: '0x1000', file: null })
+}
+
+const removeFile = (index: number) => {
+  data.value.splice(index, 1)
+}
+
 </script>
 
+<style lang="less">
+.arco-list-medium .arco-list-content-wrapper .arco-list-header {
+  background-color: var(--color-neutral-2);
+  padding: 6px 20px;
+}
+</style>
+
 <style scoped lang="less">
 .item-card {
-  width: 680px;
+  width: 50%;
+  min-width: 680px;
   height: 100%;
   margin: 16px;
 
-  .burn-btn {
+  .list {
     margin-left: 10px;
+
+    .list-header {
+      display: flex;
+
+      .list-header-address {
+        width: 200px;
+      }
+
+      .list-header-file {
+        flex: 1;
+      }
+
+    }
+
+
+    .list-item {
+      align-items: center;
+
+      .list-item-content {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .list-item-address {
+        width: 200px;
+      }
+
+      .list-item-file {
+        margin: 0 auto;
+        margin-left: 0;
+      }
+    }
+
   }
 
-  .aimodel {
-    width: 100%;
-    margin-bottom: 5px;
+  .bottom {
+    height: 60px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 30px;
 
-    .aimodel-button {
-      display: flex;
-      justify-content: space-between;
+    .burn-btn {
+      margin-left: 80px;
     }
   }
 }
diff --git a/src/views/setup/output/index.vue b/src/views/setup/output/index.vue
index a7a59de..0e91272 100644
--- a/src/views/setup/output/index.vue
+++ b/src/views/setup/output/index.vue
@@ -5,11 +5,11 @@
       <template #header>
         <div class="list-header">
           <div class="list-header-content">
-            <div class="list-header-item">Object</div>
-            <div class="list-header-item">Condition</div>
-            <div class="list-header-item">Confidence</div>
+            <div class="list-header-item">{{ $t('workplace.output.object') }} </div>
+            <div class="list-header-item">{{ $t('workplace.output.condition') }}</div>
+            <div class="list-header-item">{{ $t('workplace.output.confidence') }}</div>
           </div>
-          <div class="list-header-operation">Operation</div>
+          <div class="list-header-operation">{{ $t('workplace.output.operation') }}</div>
         </div>
       </template>
       <template #empty>
@@ -20,7 +20,7 @@
             </template>
           </a-button>
           <div>
-            Trigger action when event conditions are met
+            {{ $t('workplace.output.trigger.action') }}
           </div>
         </div>
       </template>
@@ -31,7 +31,7 @@
               {{ classes.length > 0 ? classes[item.object] : '' }}
             </div>
             <div class="conditions-item">
-              {{ $t(`workplace.output.model.condition.${item.condition}`) }}
+              {{ $t(`workplace.output.condition.${item.condition}`) }}
             </div>
             <div :class="['conditions-item', 'conditions-item-confidence']">
               {{ item.confidence }}
@@ -57,7 +57,7 @@
         <div class="actions-item-content">
           <icon-bulb />
           <div class="actions-item-des">
-            Light up the LED
+            {{ $t('workplace.output.lightup.led') }}
           </div>
         </div>
 
@@ -74,29 +74,32 @@
     </div>
     <div class="bottom">
       <a-button type="primary" @click="handleSubmit" :loading="loading"
-        :disabled="data.length === 0 || deviceStore.deviceStatus !== DeviceStatus.SerialConnected || deleting">Send</a-button>
-      <a-popconfirm content="Can you confirm the deletion?" type="warning" ok-text="Confirm" @ok="handleDelete">
+        :disabled="data.length === 0 || deviceStore.deviceStatus !== DeviceStatus.SerialConnected || deleting">{{
+          $t('workplace.output.send')
+        }}</a-button>
+      <a-popconfirm :content="$t('workplace.output.delete.confirm')" type="warning" ok-text="Confirm" @ok="handleDelete">
         <a-button v-if="data.length > 0" class="deleteBtn" type="primary" status="danger"
           :disabled="deviceStore.deviceStatus !== DeviceStatus.SerialConnected || loading" :loading="deleting">
-          Delete
+          {{ $t('workplace.output.delete')
+          }}
         </a-button>
       </a-popconfirm>
     </div>
 
-    <a-modal v-model:visible="modalVisible" title="Trigger Condition" @cancel="handleModalCancel" @ok="handleModalOk">
+    <a-modal v-model:visible="modalVisible" :title="$t('workplace.output..model.title')" @cancel="handleModalCancel" @ok="handleModalOk">
       <a-form :model="form">
-        <a-form-item field="object" label="Object" :label-col-props="{ span: 16 }" :wrapper-col-props="{ span: 8 }">
+        <a-form-item field="object" :label="$t('workplace.output.object')" :label-col-props="{ span: 16 }" :wrapper-col-props="{ span: 8 }">
           <a-select v-model="form.object">
             <a-option v-for="(item, index) of classes" :key="item" :value="index" :label="item" />
           </a-select>
         </a-form-item>
-        <a-form-item field="condition" label="Condition" :label-col-props="{ span: 16 }" :wrapper-col-props="{ span: 8 }">
+        <a-form-item field="condition" :label="$t('workplace.output.condition')" :label-col-props="{ span: 16 }" :wrapper-col-props="{ span: 8 }">
           <a-select v-model="form.condition">
             <a-option v-for="item of conditionData" :key="item" :value="item"
-              :label="$t(`workplace.output.model.condition.${item}`)" />
+              :label="$t(`workplace.output.condition.${item}`)" />
           </a-select>
         </a-form-item>
-        <a-form-item field="confidence" label="Trigger Confidence" :label-col-props="{ span: 12 }"
+        <a-form-item field="confidence" :label="$t('workplace.output.confidence')" :label-col-props="{ span: 12 }"
           :wrapper-col-props="{ span: 12 }">
           <a-slider class="confidence-slider" v-model="form.confidence" :min="1" :max="100" show-input />
         </a-form-item>
@@ -262,7 +265,8 @@ onMounted(async () => {
 
 <style scoped lang="less">
 .item-card {
-  width: 680px;
+  width: 50%;
+  min-width: 680px;
   height: 100%;
   margin: 16px;
   padding-top: 1px;
diff --git a/src/views/setup/process/components/device.vue b/src/views/setup/process/components/device.vue
index cf85e62..f12ccc0 100644
--- a/src/views/setup/process/components/device.vue
+++ b/src/views/setup/process/components/device.vue
@@ -85,7 +85,7 @@
           <div>Model File</div>
         </a-col>
         <a-col :span="18">
-          <a-upload :custom-request="fileChangeHandler" :limit="1" accept=".tflite" @before-upload="beforeUpload"
+          <a-upload :custom-request="fileChangeHandler" :limit="1" accept=".tflite,.lite" @before-upload="beforeUpload"
             @before-remove="beforeRemove">
             <template #upload-button>
               <div>
diff --git a/src/views/setup/process/components/preview.vue b/src/views/setup/process/components/preview.vue
index 563dc2d..f43fb89 100644
--- a/src/views/setup/process/components/preview.vue
+++ b/src/views/setup/process/components/preview.vue
@@ -1,10 +1,10 @@
 <template>
   <a-card class="general-card" :title="$t('workplace.preview.title')" :header-style="{ paddingBottom: '0' }">
     <template #extra>
-      <a-button v-if="invoke" type="secondary" status="danger" :disabled="invokeDisable" @click="handleStop">
+      <a-button v-if="invoke" type="secondary" status="danger" :disabled="disable" @click="handleStop">
         Stop
       </a-button>
-      <a-button v-else type="primary" :disabled="invokeDisable" @click="handleInvoke">
+      <a-button v-else type="primary" :disabled="disable" @click="handleInvoke">
         Invoke
       </a-button>
     </template>
@@ -47,7 +47,7 @@ const img = new Image();
 
 const canvas = ref<HTMLCanvasElement | null>(null);
 const invoke = ref<boolean>(false);
-const invokeDisable = ref<boolean>(true);
+const disable = ref<boolean>(true);
 
 const classes = computed(() => deviceStore.currentModel?.classes || []);
 const length = computed(() => classes.value.length);
@@ -55,16 +55,15 @@ const length = computed(() => classes.value.length);
 const handleInvoke = async () => {
   const result = await device.invoke(-1);
   if (result) {
-    invokeDisable.value = false;
     invoke.value = true;
   } else {
     Message.error('Invoke failed, please check device connection');
+    invoke.value = false;
   }
 };
 
 const handleStop = () => {
   device.break();
-  invokeDisable.value = false;
   invoke.value = false;
   deviceStore.setIsInvoke(false);
 };
@@ -157,23 +156,23 @@ const onInvoke = (resp: any) => {
 
 const handelRefresh = async (deviceStatus: DeviceStatus) => {
   if (deviceStatus === DeviceStatus.SerialConnected) {
+    disable.value = false;
     const isInvoke = await device.isInvoke();
     if (isInvoke) {
-      invokeDisable.value = false;
       invoke.value = true;
       deviceStore.setIsInvoke(true);
     } else {
-      invokeDisable.value = true;
-      invoke.value = false;
       const result = await device.invoke(-1);
       if (result) {
-        invokeDisable.value = false;
         invoke.value = true;
+      } else {
+        Message.error('Invoke failed, please check device connection');
+        invoke.value = false;
       }
     }
   } else {
     deviceStore.setIsInvoke(false);
-    invokeDisable.value = true;
+    disable.value = true;
     invoke.value = false;
   }
 }
@@ -192,7 +191,6 @@ onMounted(async () => {
 
 onBeforeUnmount(() => {
   device.removeEventListener(eventName);
-  device.break();
 });
 
 </script>
diff --git a/src/views/setup/process/index.vue b/src/views/setup/process/index.vue
index a08c31b..ffc0116 100644
--- a/src/views/setup/process/index.vue
+++ b/src/views/setup/process/index.vue
@@ -42,7 +42,7 @@ import Preview from './components/preview.vue';
 
     .right {
       flex: 1;
-      max-width: 680px;
+      min-width: 400px;
       background-color: var(--color-bg-2);
     }
   }
diff --git a/src/views/setup/process/locale/en-US.ts b/src/views/setup/process/locale/en-US.ts
index f59e4be..f47efc0 100644
--- a/src/views/setup/process/locale/en-US.ts
+++ b/src/views/setup/process/locale/en-US.ts
@@ -3,9 +3,21 @@ export default {
   'workplace.logger.title': 'Logger',
   'workplace.device.title': 'Device',
   'workplace.output.title': 'Output',
-  'workplace.output.model.condition.>=': 'Greater than',
-  'workplace.output.model.condition.<=': 'Less than',
-  'workplace.output.model.condition.==': 'Equal to',
+  'workplace.output.conditions': 'Conditions',
+  'workplace.output.actions': 'Trigger Actions',
+  'workplace.output.object': 'Object',
+  'workplace.output.condition': 'Condition',
+  'workplace.output.condition.>=': 'Greater than',
+  'workplace.output.condition.<=': 'Less than',
+  'workplace.output.condition.==': 'Equal to',
+  'workplace.output.confidence': 'Confidence',
+  'workplace.output.operation': 'Operation',
+  'workplace.output.send': 'Send',
+  'workplace.output.delete': 'Delete',
+  'workplace.output.delete.confirm': 'Can you confirm the deletion?',
+  'workplace.output.trigger.action': 'Trigger action when event conditions are met',
+  'workplace.output.lightup.led': 'Light up the LED',
+  'workplace.output..model.title': 'Trigger Condition',
   'workplace.device.name': 'Device Name',
   'workplace.device.type': 'Device Type',
   'workplace.device.version': 'Device Version',
@@ -18,7 +30,6 @@ export default {
   'workplace.device.status.disconnecting': 'Disconnecting',
   'workplace.device.btn.connect': 'Connect',
   'workplace.device.btn.disconnect': 'Disconnect',
-  'workplace.device.btn.eraseflash': 'Erase Flash',
   'workplace.device.card.chooseAImodel': 'Choose AI model',
   'workplace.device.card.chooseBootloader': 'Choose Bin Files',
   'workplace.device.card.choosePartiontable': 'Choose Partion Table',
@@ -26,7 +37,13 @@ export default {
   'workplace.device.card.aimodel': 'Upload AI model',
   'workplace.device.card.binFile': 'Upload Bin files',
   'workplace.device.btn.upload': 'Upload',
-  'workplace.device.card.burnfirmware': 'Burn firmware',
+  'workplace.device.card.firmware': 'Burn firmware',
+  'workplace.firmware.eraseflash': 'Erase Flash',
+  'workplace.firmware.address': 'Address',
+  'workplace.firmware.file': 'File',
+  'workplace.firmware.choosefile': 'Choose File',
+  'workplace.firmware.addfile': 'Add File',
+  'workplace.firmware.remove': 'Remove',
   'workplace.device.btn.burn': 'Burn',
   'workplace.config.title': 'Preview Settings',
   'workplace.config.btn.save': 'Save',
@@ -53,6 +70,4 @@ export default {
   'workplace.config.pointer.end': 'End Point',
   'workplace.config.pointer.center': 'Center Point',
   'workplace.config.pointer.range': 'Range',
-  'workplace.output.conditions': 'Conditions',
-  'workplace.output.actions': 'Trigger Actions',
 };
diff --git a/src/views/setup/process/locale/zh-CN.ts b/src/views/setup/process/locale/zh-CN.ts
index 3429b6d..a6556d7 100644
--- a/src/views/setup/process/locale/zh-CN.ts
+++ b/src/views/setup/process/locale/zh-CN.ts
@@ -3,9 +3,21 @@ export default {
   'workplace.logger.title': '日志',
   'workplace.device.title': '设备',
   'workplace.output.title': '输出',
-  'workplace.output.model.condition.>=': '大于',
-  'workplace.output.model.condition.<=': '小于',
-  'workplace.output.model.condition.==': '等于',
+  'workplace.output.conditions': '条件',
+  'workplace.output.actions': '动作',
+  'workplace.output.object': '物体',
+  'workplace.output.condition': '条件',
+  'workplace.output.condition.>=': '大于',
+  'workplace.output.condition.<=': '小于',
+  'workplace.output.condition.==': '等于',
+  'workplace.output.confidence': '置信度',
+  'workplace.output.operation': '操作',
+  'workplace.output.send': '发送',
+  'workplace.output.delete': '删除',
+  'workplace.output.delete.confirm': '确认删除吗？',
+  'workplace.output.trigger.action': '满足事件条件时触发操作',
+  'workplace.output.lightup.led': '点亮LED',
+  'workplace.output..model.title': '触发条件',
   'workplace.device.name': '设备名称',
   'workplace.device.type': '设备类型',
   'workplace.device.version': '设备版本',
@@ -16,7 +28,6 @@ export default {
   'workplace.device.status.offline': '离线',
   'workplace.device.btn.connect': '连接',
   'workplace.device.btn.disconnect': '断开连接',
-  'workplace.device.btn.eraseflash': '擦除闪存',
   'workplace.device.card.chooseAImodel': '选择AI模型',
   'workplace.device.card.chooseBootloader': '选择Bin文件',
   'workplace.device.card.choosePartiontable': '选择Partion table',
@@ -24,7 +35,13 @@ export default {
   'workplace.device.card.aimodel': '上传AI模型',
   'workplace.device.card.binFile': '上传Bin文件',
   'workplace.device.btn.upload': '上传',
-  'workplace.device.card.burnfirmware': '烧录固件',
+  'workplace.device.card.firmware': '烧录固件',
+  'workplace.firmware.eraseflash': '擦除闪存',
+  'workplace.firmware.address': '地址',
+  'workplace.firmware.file': '文件',
+  'workplace.firmware.choosefile': '选择文件',
+  'workplace.firmware.addfile': '新增文件',
+  'workplace.firmware.remove': '删除',
   'workplace.device.btn.burn': '烧录',
   'workplace.config.title': '预览配置',
   'workplace.config.btn.save': '保存',
@@ -50,6 +67,4 @@ export default {
   'workplace.config.pointer.end': '结束点',
   'workplace.config.pointer.center': '中心点',
   'workplace.config.pointer.range': '范围',
-  'workplace.output.conditions': '条件',
-  'workplace.output.actions': '动作',
 };