perf(views): 优化“报警条件”组件多语言

src/views/alarm-manage/AlarmConditions.vue

@@ -23,8 +23,6 @@ const equipmentSelectionRef = useTemplateRef('equipmentSelection');
 const formRef = ref<FormInstance>();
 
 const props = defineProps<Props>();
-const parametersName = ref<string>('');
-const equipmentName = ref<string>('');
 
 const rules: Record<string, Rule[]> = {
   subType: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
@@ -62,11 +60,11 @@ const confirmClick = (value: DataSelectionItem) => {
   props.form.deviceId = deviceId;
   if (selectType === 0) {
     props.form.paramCode = paramCode;
-    parametersName.value = name;
+    props.form.paramName = name;
   }
 
   if (selectType === 1) {
-    equipmentName.value = deviceName;
+    props.form.deviceName = deviceName;
   }
   equipmentSelectionRef.value?.hideView();
   dataSelectionRef.value?.hideView();
@@ -85,7 +83,7 @@ defineExpose({
           <SvgIcon @click="deleteTriggerConditions" class="icon-delete" name="close-circle" />
         </template>
         <AFlex class="conditions-bgc" wrap="wrap">
-          <AFormItem label="条件类型" name="subType">
+          <AFormItem :label="t('algorithmManage.conditionType')" name="subType">
             <ASelect
               class="select-input select-right"
               v-model:value="form.subType"
@@ -94,26 +92,26 @@ defineExpose({
               :placeholder="$t('common.plzSelect')"
             />
           </AFormItem>
-          <AFormItem label="设备参数" name="paramCode" v-if="form.subType === '0'">
+          <AFormItem :label="t('algorithmManage.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">
-                  {{ parametersName }}
+                  {{ form.paramName }}
                 </div>
-                <div class="div-style-text" v-else>请选择</div>
+                <div class="div-style-text" v-else>{{ $t('common.plzSelect') }}</div>
                 <div>
                   <SvgIcon class="icon-style" name="right" />
                 </div>
               </AFlex>
             </div>
           </AFormItem>
-          <AFormItem label="设备" name="deviceId" v-if="form.subType === '1'">
+          <AFormItem :label="t('navigation.device')" name="deviceId" v-if="form.subType === '1'">
             <div @click="equipmentParameterSelection">
               <AFlex justify="space-between" align="center" class="div-style">
                 <div v-if="form.deviceId">
-                  {{ equipmentName }}
+                  {{ form.deviceName }}
                 </div>
-                <div class="div-style-text" v-else>请选择</div>
+                <div class="div-style-text" v-else>{{ $t('common.plzSelect') }}</div>
 
                 <div>
                   <SvgIcon class="icon-style" name="right" />
@@ -121,7 +119,7 @@ defineExpose({
               </AFlex>
             </div>
           </AFormItem>
-          <AFormItem label="运算符" name="alarmAlgOperator" v-if="form.subType === '0'">
+          <AFormItem :label="t('algorithmManage.operator')" name="alarmAlgOperator" v-if="form.subType === '0'">
             <ASelect
               class="select-input select-right"
               v-model:value="form.alarmAlgOperator"
@@ -130,10 +128,10 @@ defineExpose({
               :placeholder="$t('common.plzSelect')"
             />
           </AFormItem>
-          <AFormItem label="阈值" name="alarmThreshold" v-if="form.subType === '0'">
-            <AInput v-model:value="form.alarmThreshold" placeholder="请输入" class="select-input" />
+          <AFormItem :label="t('algorithmManage.threshold')" name="alarmThreshold" v-if="form.subType === '0'">
+            <AInput v-model:value="form.alarmThreshold" :placeholder="t('common.pleaseEnter')" class="select-input" />
           </AFormItem>
-          <AFormItem label="设备状态" name="alarmDeviceState" v-if="form.subType === '1'">
+          <AFormItem :label="t('algorithmManage.equipmentStatus')" name="alarmDeviceState" v-if="form.subType === '1'">
             <ASelect
               class="select-input"
               v-model:value="form.alarmDeviceState"
@@ -142,7 +140,11 @@ defineExpose({
               :placeholder="$t('common.plzSelect')"
             />
           </AFormItem>
-          <AFormItem label="指定时间点" name="alarmScheduledTime" v-if="form.subType === '2'">
+          <AFormItem
+            :label="t('algorithmManage.specifiedTimePoint')"
+            name="alarmScheduledTime"
+            v-if="form.subType === '2'"
+          >
             <ATimePicker
               class="select-input select-right"
               v-model:value="form.alarmScheduledTime"
@@ -151,7 +153,7 @@ defineExpose({
               :allow-clear="false"
             />
           </AFormItem>
-          <AFormItem label="重复" name="alarmRepeatTime" v-if="form.subType === '2'">
+          <AFormItem :label="t('common.rzpeat')" name="alarmRepeatTime" v-if="form.subType === '2'">
             <ASelect
               class="select-input"
               v-model:value="form.alarmRepeatTime"
@@ -171,6 +173,8 @@ defineExpose({
         childGroupId: form.childGroupId,
         deviceId: form.deviceId,
         paramCode: form.paramCode,
+        paramName: form.paramName,
+        deviceName: form.deviceName,
       }"
       @confirmClick="confirmClick"
     />
@@ -182,6 +186,7 @@ defineExpose({
         childGroupId: form.childGroupId,
         deviceId: form.deviceId,
         paramCode: form.paramCode,
+        paramName: form.paramName,
       }"
       @confirmClick="confirmClick"
     />