Forráskód Böngészése

perf(views): 优化“报警管理”模块多语言

wangshun 1 hónapja
szülő
commit
2709bcd663

+ 6 - 6
src/components/DataSelection.vue

@@ -163,11 +163,11 @@ const chooseParameters = (item: DeviceParams) => {
 const okConfirm = () => {
   if (props.selectType === 0) {
     if (!parametersId.value) {
-      return message.warning(t('algorithmManage.parameterNotSelected'));
+      return message.warning(t('alarmManage.parameterNotSelected'));
     }
   } else if (props.selectType === 1) {
     if (!equipmentId.value) {
-      return message.warning(t('algorithmManage.deviceNotSelected'));
+      return message.warning(t('alarmManage.deviceNotSelected'));
     }
   }
 
@@ -192,7 +192,7 @@ defineExpose({
   <div>
     <AModal
       v-model:open="visible"
-      :title="selectType === 0 ? t('createDevice.selectParameters') : t('algorithmManage.selectEquipment')"
+      :title="selectType === 0 ? t('createDevice.selectParameters') : t('alarmManage.selectEquipment')"
       @ok="okConfirm"
       :centered="true"
       :width="selectType === 0 ? 1070 : 814"
@@ -200,7 +200,7 @@ defineExpose({
       <AFlex class="parameters-content">
         <div class="content-div">
           <AFlex align="center" class="content-div-top">
-            <div class="content-div-top-text">{{ $t('algorithmManage.equipmentGroup1') }}</div>
+            <div class="content-div-top-text">{{ $t('alarmManage.equipmentGroup1') }}</div>
           </AFlex>
           <div class="content-div-content">
             <AFlex class="no-data" justify="center" align="center" v-if="!oneDeviceGroup.length">{{
@@ -224,7 +224,7 @@ defineExpose({
         </div>
         <div class="content-div border-radius">
           <AFlex align="center" class="content-div-top">
-            <div class="content-div-top-text">{{ $t('algorithmManage.equipmentGroup2') }}</div>
+            <div class="content-div-top-text">{{ $t('alarmManage.equipmentGroup2') }}</div>
           </AFlex>
           <div class="content-div-content">
             <AFlex class="no-data" justify="center" align="center" v-if="!twoDeviceGroup.length">{{
@@ -248,7 +248,7 @@ defineExpose({
         </div>
         <div :class="selectType === 0 ? 'content-div border-radius' : 'content-div border-radius border-right'">
           <AFlex align="center" class="content-div-top">
-            <div class="content-div-top-text">{{ $t('algorithmManage.subordinateEquipment') }}</div>
+            <div class="content-div-top-text">{{ $t('alarmManage.subordinateEquipment') }}</div>
           </AFlex>
           <div class="content-div-content">
             <AFlex class="no-data" justify="center" align="center" v-if="!equipmentList.length">{{

+ 2 - 2
src/i18n/locales/zh.json

@@ -1,6 +1,5 @@
 {
-  "alarmManage": {},
-  "algorithmManage": {
+  "alarmManage": {
     "addExecutionAction": "添加执行动作",
     "addJudgmentConditions": "添加判断条件",
     "addTriggerConditions": "添加触发条件",
@@ -44,6 +43,7 @@
     "type": "类型",
     "waitingtime": "等待时间"
   },
+  "algorithmManage": {},
   "common": {
     "add": "添加",
     "addNew": "新增",

+ 6 - 10
src/views/alarm-manage/AlarmConditions.vue

@@ -100,7 +100,7 @@ defineExpose({
           <SvgIcon @click="deleteTriggerConditions" class="icon-delete" name="close-circle" />
         </template>
         <AFlex class="conditions-bgc" wrap="wrap">
-          <AFormItem :label="t('algorithmManage.conditionType')" name="subType">
+          <AFormItem :label="t('alarmManage.conditionType')" name="subType">
             <ASelect
               class="select-input select-right"
               v-model:value="form.subType"
@@ -110,7 +110,7 @@ defineExpose({
               @change="addConditionType"
             />
           </AFormItem>
-          <AFormItem :label="t('algorithmManage.equipmentParameters')" name="paramCode" v-if="form.subType == '0'">
+          <AFormItem :label="t('alarmManage.equipmentParameters')" name="paramCode" v-if="form.subType == '0'">
             <div @click="parameterSelection">
               <AFlex justify="space-between" align="center" class="div-style">
                 <div v-if="form.paramCode">
@@ -137,7 +137,7 @@ defineExpose({
               </AFlex>
             </div>
           </AFormItem>
-          <AFormItem :label="t('algorithmManage.operator')" name="alarmAlgOperator" v-if="form.subType === '0'">
+          <AFormItem :label="t('alarmManage.operator')" name="alarmAlgOperator" v-if="form.subType === '0'">
             <ASelect
               class="select-input select-right"
               v-model:value="form.alarmAlgOperator"
@@ -146,10 +146,10 @@ defineExpose({
               :placeholder="$t('common.plzSelect')"
             />
           </AFormItem>
-          <AFormItem :label="t('algorithmManage.threshold')" name="alarmThreshold" v-if="form.subType === '0'">
+          <AFormItem :label="t('alarmManage.threshold')" name="alarmThreshold" v-if="form.subType === '0'">
             <AInput v-model:value="form.alarmThreshold" :placeholder="t('common.pleaseEnter')" class="select-input" />
           </AFormItem>
-          <AFormItem :label="t('algorithmManage.equipmentStatus')" name="alarmDeviceState" v-if="form.subType === '1'">
+          <AFormItem :label="t('alarmManage.equipmentStatus')" name="alarmDeviceState" v-if="form.subType === '1'">
             <ASelect
               class="select-input"
               v-model:value="form.alarmDeviceState"
@@ -158,11 +158,7 @@ defineExpose({
               :placeholder="$t('common.plzSelect')"
             />
           </AFormItem>
-          <AFormItem
-            :label="t('algorithmManage.specifiedTimePoint')"
-            name="alarmScheduledTime"
-            v-if="form.subType === '2'"
-          >
+          <AFormItem :label="t('alarmManage.specifiedTimePoint')" name="alarmScheduledTime" v-if="form.subType === '2'">
             <ATimePicker
               class="select-input select-right"
               v-model:value="form.alarmScheduledTime"

+ 7 - 15
src/views/alarm-manage/AlarmExecution.vue

@@ -79,7 +79,7 @@ defineExpose({
           <SvgIcon @click="deleteExecutionConditions" class="icon-delete" name="close-circle" />
         </template>
         <AFlex class="conditions-bgc" wrap="wrap">
-          <AFormItem :label="t('algorithmManage.performAction')" name="subType">
+          <AFormItem :label="t('alarmManage.performAction')" name="subType">
             <ASelect
               class="select-input select-right"
               v-model:value="form.subType"
@@ -89,11 +89,7 @@ defineExpose({
               @change="addPerformAction"
             />
           </AFormItem>
-          <AFormItem
-            :label="t('algorithmManage.notificationMethod')"
-            name="alarmNotifyMethod"
-            v-if="form.subType === '3'"
-          >
+          <AFormItem :label="t('alarmManage.notificationMethod')" name="alarmNotifyMethod" v-if="form.subType === '3'">
             <ASelect
               class="select-input select-right"
               v-model:value="form.alarmNotifyMethod"
@@ -102,7 +98,7 @@ defineExpose({
               :placeholder="$t('common.plzSelect')"
             />
           </AFormItem>
-          <AFormItem :label="t('algorithmManage.contactPerson')" name="alarmContact" v-if="form.subType === '3'">
+          <AFormItem :label="t('alarmManage.contactPerson')" name="alarmContact" v-if="form.subType === '3'">
             <ASelect
               class="select-input select-right"
               v-model:value="form.alarmContact"
@@ -115,7 +111,7 @@ defineExpose({
             </ASelect>
           </AFormItem>
           <br />
-          <AFormItem :label="t('algorithmManage.alarmContent')" name="alarmAlertContent" v-if="form.subType === '3'">
+          <AFormItem :label="t('alarmManage.alarmContent')" name="alarmAlertContent" v-if="form.subType === '3'">
             <AInput
               :placeholder="t('common.pleaseEnter')"
               style="width: 840px"
@@ -124,7 +120,7 @@ defineExpose({
               :maxlength="32"
             />
           </AFormItem>
-          <AFormItem :label="t('algorithmManage.waitingtime')" name="alarmWaitTime" v-if="form.subType === '4'">
+          <AFormItem :label="t('alarmManage.waitingtime')" name="alarmWaitTime" v-if="form.subType === '4'">
             <ATimePicker
               class="select-input select-right"
               v-model:value="form.alarmWaitTime"
@@ -132,7 +128,7 @@ defineExpose({
               :allow-clear="false"
             />
           </AFormItem>
-          <AFormItem :label="t('algorithmManage.equipmentParameters')" name="paramCode" v-if="form.subType === '5'">
+          <AFormItem :label="t('alarmManage.equipmentParameters')" name="paramCode" v-if="form.subType === '5'">
             <div @click="parameterSelection">
               <AFlex justify="space-between" align="center" class="div-style">
                 <div v-if="form.paramCode">
@@ -145,11 +141,7 @@ defineExpose({
               </AFlex>
             </div>
           </AFormItem>
-          <AFormItem
-            :label="t('algorithmManage.adjustmentValue')"
-            name="alarmAdjustmentValue"
-            v-if="form.subType === '5'"
-          >
+          <AFormItem :label="t('alarmManage.adjustmentValue')" name="alarmAdjustmentValue" v-if="form.subType === '5'">
             <AInput
               :placeholder="t('common.pleaseEnter')"
               class="select-input select-right"

+ 25 - 25
src/views/alarm-manage/AlarmManage.vue

@@ -141,19 +141,19 @@ const historyColumns = [
     width: 40,
   },
   {
-    title: t('algorithmManage.faultInformAtion'),
+    title: t('alarmManage.faultInformAtion'),
     dataIndex: 'errorMsg',
     key: 'errorMsg',
     ellipsis: true,
   },
   {
-    title: t('algorithmManage.type'),
+    title: t('alarmManage.type'),
     dataIndex: 'type',
     key: 'type',
     ellipsis: true,
   },
   {
-    title: t('algorithmManage.dateOccurrence'),
+    title: t('alarmManage.dateOccurrence'),
     dataIndex: 'createTime',
     key: 'createTime',
     ellipsis: true,
@@ -164,7 +164,7 @@ const historyColumns = [
     },
   },
   // {
-  //   title: t('algorithmManage.settlementDate'),
+  //   title: t('alarmManage.settlementDate'),
   //   dataIndex: 'recoveryTime',
   //   key: 'recoveryTime',
   //   ellipsis: true,
@@ -172,7 +172,7 @@ const historyColumns = [
 ];
 const alarmColumns = [
   {
-    title: t('algorithmManage.eventName'),
+    title: t('alarmManage.eventName'),
     dataIndex: 'eventName',
     key: 'eventName',
     ellipsis: true,
@@ -184,14 +184,14 @@ const alarmColumns = [
     ellipsis: true,
   },
   {
-    title: t('algorithmManage.triggerCount'),
+    title: t('alarmManage.triggerCount'),
     dataIndex: 'triggerTimes',
     key: 'triggerTimes',
     ellipsis: true,
     width: 100,
   },
   {
-    title: t('algorithmManage.recentlyTriggered'),
+    title: t('alarmManage.recentlyTriggered'),
     dataIndex: 'lastTriggerTime',
     key: 'lastTriggerTime',
     ellipsis: true,
@@ -210,7 +210,7 @@ const alarmColumns = [
     },
   },
   {
-    title: t('algorithmManage.enable'),
+    title: t('alarmManage.enable'),
     dataIndex: 'enabled',
     key: 'enabled',
     ellipsis: true,
@@ -484,7 +484,7 @@ const formatDate = (date: Dayjs) => date.format('HH:mm');
 
 const deleteTriggerClick = (index: number) => {
   if (triggerConditionList.value.length === 1) {
-    return message.warning(t('algorithmManage.triggerConditionEmpty'));
+    return message.warning(t('alarmManage.triggerConditionEmpty'));
   }
   triggerConditionList.value.splice(index, 1);
 };
@@ -495,7 +495,7 @@ const deleteJudgmentClick = (index: number) => {
 
 const deleteExecutionClick = (index: number) => {
   if (executionActionList.value.length === 1) {
-    return message.warning(t('algorithmManage.performActionEmpty'));
+    return message.warning(t('alarmManage.performActionEmpty'));
   }
   executionActionList.value.splice(index, 1);
 };
@@ -626,7 +626,7 @@ onMounted(() => {
           <span class="query-text">{{ $t('common.search') }}</span>
           <AInput
             v-model:value="alarmPageParams.searchContent"
-            :placeholder="t('algorithmManage.pleaseEnterAlarm')"
+            :placeholder="t('alarmManage.pleaseEnterAlarm')"
             class="query-input button-margin"
           />
         </div>
@@ -664,21 +664,21 @@ onMounted(() => {
     </div>
     <AModal
       v-model:open="alarmOpen"
-      :title="titleShow ? t('algorithmManage.addWarningConditions') : t('algorithmManage.editWarningConditions')"
+      :title="titleShow ? t('alarmManage.addWarningConditions') : t('alarmManage.editWarningConditions')"
       width="920px"
       :mask-closable="false"
       @ok="okConfirm"
       :after-close="closeModal"
     >
       <AForm ref="formRef" class="alarm-modal" :model="alarmForm" label-align="left" layout="vertical" :rules="rules">
-        <AFormItem :label="t('algorithmManage.eventName')" name="eventName">
+        <AFormItem :label="t('alarmManage.eventName')" name="eventName">
           <AInput
             v-model:value="alarmForm.eventName"
             :placeholder="t('common.pleaseEnter')"
             class="query-input query-bottom"
           />
         </AFormItem>
-        <AFormItem :label="t('algorithmManage.effectiveTime')" name="time">
+        <AFormItem :label="t('alarmManage.effectiveTime')" name="time">
           <ATimeRangePicker
             :format="dateFormat"
             v-model:value="alarmForm.time"
@@ -686,7 +686,7 @@ onMounted(() => {
             show-time
           />
         </AFormItem>
-        <div class="alarm-text">{{ $t('algorithmManage.inAnySituations') }}</div>
+        <div class="alarm-text">{{ $t('alarmManage.inAnySituations') }}</div>
 
         <div v-for="(item, index) in triggerConditionList" :key="index">
           <AlarmConditions
@@ -704,14 +704,14 @@ onMounted(() => {
         <AButton type="primary" ghost class="icon-button button-top" @click="addTriggerConditions">
           <AFlex align="center">
             <SvgIcon name="plus" />
-            <span> {{ $t('algorithmManage.addTriggerConditions') }} </span>
+            <span> {{ $t('alarmManage.addTriggerConditions') }} </span>
           </AFlex></AButton
         >
         <br />
 
         <ASelect class="status-style" v-model:value="alarmForm.conditionLogic">
-          <ASelectOption :value="0">{{ $t('algorithmManage.satisfyAnyState') }}</ASelectOption>
-          <ASelectOption :value="1">{{ $t('algorithmManage.satisfyAllStates') }}</ASelectOption>
+          <ASelectOption :value="0">{{ $t('alarmManage.satisfyAnyState') }}</ASelectOption>
+          <ASelectOption :value="1">{{ $t('alarmManage.satisfyAllStates') }}</ASelectOption>
         </ASelect>
         <br />
         <div v-for="(item, index) in judgmentConditionList" :key="index">
@@ -730,12 +730,12 @@ onMounted(() => {
         <AButton type="primary" ghost class="icon-button button-top" @click="addJudgmentConditions">
           <AFlex align="center">
             <SvgIcon name="plus" />
-            <span> {{ $t('algorithmManage.addJudgmentConditions') }} </span>
+            <span> {{ $t('alarmManage.addJudgmentConditions') }} </span>
           </AFlex></AButton
         >
         <br />
 
-        <div class="execute-text">{{ $t('algorithmManage.just') }}</div>
+        <div class="execute-text">{{ $t('alarmManage.just') }}</div>
         <div v-for="(item, index) in executionActionList" :key="index">
           <AlarmExecution
             ref="executionActionRefs"
@@ -750,16 +750,16 @@ onMounted(() => {
         <AButton type="primary" ghost class="icon-button button-top" @click="addExecutionConditions">
           <AFlex align="center">
             <SvgIcon name="plus" />
-            <span> {{ $t('algorithmManage.addExecutionAction') }} </span>
+            <span> {{ $t('alarmManage.addExecutionAction') }} </span>
           </AFlex></AButton
         >
       </AForm>
       <AFlex align="center" class="enable-style">
-        <div class="enable-text">{{ $t('algorithmManage.enable') }}</div>
+        <div class="enable-text">{{ $t('alarmManage.enable') }}</div>
         <ASwitch v-model:checked="alarmForm.enabled" />
       </AFlex>
     </AModal>
-    <AModal v-model:open="historyOpen" :title="t('algorithmManage.historicalAlarm')" width="920px" :footer="null">
+    <AModal v-model:open="historyOpen" :title="t('alarmManage.historicalAlarm')" width="920px" :footer="null">
       <ATable :columns="historyColumns" :data-source="historyData" :pagination="false">
         <template #bodyCell="{ column, index, record }">
           <template v-if="column.key === 'index'">
@@ -768,8 +768,8 @@ onMounted(() => {
           <template v-if="column.key === 'type'">
             {{
               record.type === 0
-                ? $t('algorithmManage.equipmentFailureAlert')
-                : $t('algorithmManage.intelligentControlformAtion')
+                ? $t('alarmManage.equipmentFailureAlert')
+                : $t('alarmManage.intelligentControlformAtion')
             }}
           </template>
         </template>