perf(views): 优化“环境监控”必填项与布局

src/views/env-monitor/EnvMonitor.vue

@@ -168,7 +168,6 @@ const rules: Record<string, Rule[]> = {
   name: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
   regionId: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
   tempHumidityControlMode: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
-
   returnDevGroupId: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
   returnDevId: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
   returnTempParamCode: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
@@ -184,6 +183,17 @@ const rules: Record<string, Rule[]> = {
   runStatusFlag: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
   supplyReturnTempDiff: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
   supplyUpperTempDiff: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
+  tempUpper: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
+  tempPreset: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
+  tempLower: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
+  humidityUpper: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
+  humidityLower: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
+  humidityPreset: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
+  runStatusDevId: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
+  runStatusParamCode: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
+  runStatusConditionCode: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
+  runStatusConditionValue: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
+  runStatusDevGroupId: [{ required: true, message: t('common.cannotEmpty'), trigger: 'change' }],
 };
 
 const { handleRequest } = useRequest();
@@ -1380,6 +1390,7 @@ const copyAreaCanvas = () => {
           <AFlex>
             <div class="spacing-right">
               <AFormItem
+                name="tempUpper"
                 :label="
                   monitoringForm.tempHumidityControlMode === '1'
                     ? $t('envMonitor.fanTemperatureSetting')
@@ -1397,7 +1408,7 @@ const copyAreaCanvas = () => {
                   <div class="configure-text">{{ $t('envMonitor.upperLimitValue') }}</div>
                 </AFlex>
               </AFormItem>
-              <AFormItem>
+              <AFormItem name="tempLower">
                 <AFlex align="center">
                   <AInputNumber
                     class="input-number-width"
@@ -1409,7 +1420,7 @@ const copyAreaCanvas = () => {
                   <div class="configure-text">{{ $t('envMonitor.lowerLimitValue') }}</div>
                 </AFlex>
               </AFormItem>
-              <AFormItem>
+              <AFormItem name="tempPreset">
                 <AFlex align="center">
                   <AInputNumber
                     class="input-number-width"
@@ -1424,6 +1435,7 @@ const copyAreaCanvas = () => {
             </div>
             <div>
               <AFormItem
+                name="humidityUpper"
                 :label="
                   monitoringForm.tempHumidityControlMode === '1'
                     ? t('envMonitor.fanAirHumiditySetting')
@@ -1441,7 +1453,7 @@ const copyAreaCanvas = () => {
                   <div class="configure-text">{{ $t('envMonitor.upperLimitValue') }}</div>
                 </AFlex>
               </AFormItem>
-              <AFormItem>
+              <AFormItem name="humidityLower">
                 <AFlex align="center">
                   <AInputNumber
                     class="input-number-width"
@@ -1453,7 +1465,7 @@ const copyAreaCanvas = () => {
                   <div class="configure-text">{{ $t('envMonitor.lowerLimitValue') }}</div>
                 </AFlex>
               </AFormItem>
-              <AFormItem>
+              <AFormItem name="humidityPreset">
                 <AFlex align="center">
                   <AInputNumber
                     class="input-number-width"
@@ -1499,7 +1511,7 @@ const copyAreaCanvas = () => {
               </AFlex>
             </AFormItem>
           </AFlex>
-          <AFlex justify="space-between" wrap="wrap" v-else>
+          <div v-else>
             <AFormItem name="runStatusDevGroupId">
               <ASelect
                 class="input-wdith"
@@ -1558,7 +1570,7 @@ const copyAreaCanvas = () => {
                 :placeholder="$t('common.pleaseEnter')"
               />
             </AFormItem>
-          </AFlex>
+          </div>
         </AForm>
         <template #footer>
           <AFlex justify="flex-end" :gap="16">