style: 补充跟踪栏目页面多语言

src/i18n/locales/en-US.ts

@@ -360,6 +360,8 @@ export default {
         execUPFStart: 'Execution successful, please stop capturing packets according to the situation',
         execUPFStopA: 'Stopped, please start capturing packets according to the situation',
         execUPFStop: 'Execution successful, packet capture stopped',
+        execUPFCmdA: 'Suitable for other network element anomalies',
+        execUPFCmdB: 'Suitable for UPF anomalies',
       },
       task: {
         neTypePlease: 'Query network element type',

src/i18n/locales/zh-CN.ts

@@ -360,6 +360,8 @@ export default {
         execUPFStart: '执行成功, 请根据情况停止抓包',
         execUPFStopA: '已经停止, 请根据情况开始抓包',
         execUPFStop: '执行成功, 抓包已停止',
+        execUPFCmdA: '适合其他网元异常，UPF配合抓包的情况',
+        execUPFCmdB: '适合UPF异常需要抓包分析的情况',
       },
       task: {
         neTypePlease: '请选择网元类型',

src/views/traceManage/analysis/index.vue

@@ -454,7 +454,7 @@ onMounted(() => {
           <template v-if="column.key === 'id'">
             <a-space :size="8" align="center">
               <a-tooltip>
-                <template #title>查看详情</template>
+                <template #title>{{ t('common.viewText') }}</template>
                 <a-button type="link" @click.prevent="fnModalVisible(record)">
                   <template #icon><ProfileOutlined /></template>
                 </a-button>

src/views/traceManage/pcap/index.vue

@@ -52,13 +52,13 @@ let modalState: ModalStateType = reactive({
   },
   upfCmdOptions: [
     {
-      label: '适合其他网元异常，UPF配合抓包的情况',
+      label: t('views.traceManage.pcap.execUPFCmdA'),
       start: 'pcap trace rx tx max 100000 intfc any',
       stop: 'pcap trace rx tx off',
       value: 'pcap trace',
     },
     {
-      label: '适合UPF异常需要抓包分析的情况',
+      label: t('views.traceManage.pcap.execUPFCmdB'),
       start: 'pcap dispatch trace on max 100000',
       stop: 'pcap dispatch trace off',
       value: 'pcap dispatch',

src/views/traceManage/task/index.vue

@@ -224,7 +224,7 @@ function fnRecordDelete(id: string) {
 function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
-  if(pageNum){
+  if (pageNum) {
     queryParams.pageNum = pageNum;
   }
   listTraceTask(toRaw(queryParams)).then(res => {
@@ -432,7 +432,7 @@ function fnModalVisibleByVive(id: string) {
  */
 function fnModalVisibleByEdit(id?: string) {
   if (!id) {
-    fnModalCancel()
+    fnModalCancel();
     modalState.title = t('views.traceManage.task.addTask');
     modalState.visibleByEdit = true;
   } else {
@@ -492,7 +492,7 @@ function fnModalOk() {
               content: t('common.msgSuccess', { msg: modalState.title }),
               duration: 3,
             });
-            fnModalCancel()
+            fnModalCancel();
           } else {
             message.error({
               content: `${res.msg}`,
@@ -569,25 +569,31 @@ onMounted(() => {
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">
-            <a-form-item label="开始时间" name="beginTime">
+            <a-form-item
+              :label="t('views.traceManage.task.startTime')"
+              name="beginTime"
+            >
               <a-date-picker
                 show-time
                 v-model:value="queryParams.beginTime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 format="YYYY-MM-DD HH:mm:ss"
-                placeholder="查询结束时间"
+                :placeholder="t('views.traceManage.task.startTime')"
                 style="width: 100%"
               />
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">
-            <a-form-item label="结束时间" name="endTime">
+            <a-form-item
+              :label="t('views.traceManage.task.endTime')"
+              name="endTime"
+            >
               <a-date-picker
                 show-time
                 v-model:value="queryParams.endTime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 format="YYYY-MM-DD HH:mm:ss"
-                placeholder="查询结束时间"
+                :placeholder="t('views.traceManage.task.endTime')"
                 style="width: 100%"
               />
             </a-form-item>
@@ -648,15 +654,15 @@ onMounted(() => {
                   :selected-keys="[tableState.size as string]"
                   @click="fnTableSize"
                 >
-                  <a-menu-item key="default">{{
+                  <a-menu-item key="default">
-                    t('common.size.default')
+                    {{ t('common.size.default') }}
-                  }}</a-menu-item>
+                  </a-menu-item>
-                  <a-menu-item key="middle">{{
+                  <a-menu-item key="middle">
-                    t('common.size.middle')
+                    {{ t('common.size.middle') }}
-                  }}</a-menu-item>
+                  </a-menu-item>
-                  <a-menu-item key="small">{{
+                  <a-menu-item key="small">
-                    t('common.size.small')
+                    {{ t('common.size.small') }}
-                  }}</a-menu-item>
+                  </a-menu-item>
                 </a-menu>
               </template>
             </a-dropdown>