feat(monitor):被检设备的监测点提示颜色改为红色且将符号提到上面去

frontend/src/views/machine/device/components/monitorPopup.vue

@@ -1,8 +1,15 @@
 <template>
     <!-- 基础信息弹出框 -->
-    <el-dialog :model-value="dialogVisible" :title="dialogTitle" v-bind="dialogMiddle" @close="close" align-center>
+    <el-dialog
+        :model-value="dialogVisible"
+        :title="dialogTitle"
+        v-bind="dialogMiddle"
+        width="50%"
+        @close="close"
+        align-center
+    >
         <div>
-            <el-form :model="formContent" ref="dialogFormRef" :rules="rules" class="form-two">
+            <el-form :model="formContent" ref="dialogFormRef" :rules="rules" label-width="140" class="form-two">
                 <el-form-item label="名称" prop="name">
                     <el-input v-model="formContent.name" placeholder="请输入监测点名称" />
                 </el-form-item>
@@ -32,30 +39,6 @@
                         />
                     </el-select>
                 </el-form-item>
-                <el-form-item label="PT变比" required>
-                    <div class="ratio-input-group">
-                        <el-form-item prop="ptPrimary" class="ratio-form-item">
-                            <el-input v-model="ptPrimary" placeholder="一次侧" @input="handlePtInput" />
-                        </el-form-item>
-                        <span class="colon">:</span>
-                        <el-form-item prop="ptSecondary" class="ratio-form-item">
-                            <el-input v-model="ptSecondary" placeholder="二次侧" @input="handlePtInput" />
-                        </el-form-item>
-                    </div>
-                </el-form-item>
-
-                <!-- 修改CT变比部分 -->
-                <el-form-item label="CT变比" required>
-                    <div class="ratio-input-group">
-                        <el-form-item prop="ctPrimary" class="ratio-form-item">
-                            <el-input v-model="ctPrimary" placeholder="一次侧" @input="handleCtInput" />
-                        </el-form-item>
-                        <span class="colon">:</span>
-                        <el-form-item prop="ctSecondary" class="ratio-form-item">
-                            <el-input v-model="ctSecondary" placeholder="二次侧" @input="handleCtInput" />
-                        </el-form-item>
-                    </div>
-                </el-form-item>
                 <el-form-item label="接线方式" prop="connection">
                     <el-select v-model="formContent.connection" clearable placeholder="请选择接线方式">
                         <el-option
@@ -66,6 +49,43 @@
                         />
                     </el-select>
                 </el-form-item>
+                <el-form-item required>
+                    <template #label>
+                        <div style="display: flex; align-items: center">
+                            <el-icon style="color: var(--el-color-error)"><WarningFilled /></el-icon>
+                            <span>PT变比</span>
+                        </div>
+                    </template>
+                    <div class="ratio-input-group">
+                        <el-form-item prop="ptPrimary" class="ratio-form-item">
+                            <el-input v-model="ptPrimary" placeholder="一次侧" @input="handlePtInput" />
+                        </el-form-item>
+                        <div class="colon">:</div>
+                        <el-form-item prop="ptSecondary" style="margin-left: 10px" class="ratio-form-item">
+                            <el-input v-model="ptSecondary" placeholder="二次侧" @input="handlePtInput" />
+                        </el-form-item>
+                    </div>
+                </el-form-item>
+
+                <!-- 修改CT变比部分 -->
+                <el-form-item required>
+                    <template #label>
+                        <div style="display: flex; align-items: center">
+                            <el-icon style="color: var(--el-color-error)"><WarningFilled /></el-icon>
+                            <span>CT变比</span>
+                        </div>
+                    </template>
+                    <div class="ratio-input-group">
+                        <el-form-item prop="ctPrimary" class="ratio-form-item">
+                            <el-input v-model="ctPrimary" placeholder="一次侧" @input="handleCtInput" />
+                        </el-form-item>
+                        <div class="colon">:</div>
+                        <el-form-item prop="ctSecondary" style="margin-left: 10px" class="ratio-form-item">
+                            <el-input v-model="ctSecondary" placeholder="二次侧" @input="handleCtInput" />
+                        </el-form-item>
+                    </div>
+                </el-form-item>
+
                 <el-form-item label="统计间隔" prop="statInterval">
                     <el-select v-model="formContent.statInterval" clearable placeholder="请选择统计间隔">
                         <el-option
@@ -88,9 +108,8 @@
             </el-form>
         </div>
         <el-alert
-            show-icon
             title="注意：PT和CT变比请输入正常值，不可以缩小相同的倍数！"
-            type="warning"
+            type="error"
             :closable="false"
         ></el-alert>
         <template #footer>
@@ -355,7 +374,6 @@ const sendParameter = () => {
 }
 // 打开弹窗，可能是新增，也可能是编辑
 const open = async (sign: string, data: Monitor.ResPqMon, device: Device.ResPqDev, table: any[], options: any) => {
-    
     selectOptions.value = options
     titleType.value = sign
     dialogVisible.value = true
@@ -395,13 +413,12 @@ const open = async (sign: string, data: Monitor.ResPqMon, device: Device.ResPqDe
             ctSecondary.value = secondary
         }
     } else {
-
+        // 清空PT和CT的临时变量
-       // 清空PT和CT的临时变量
         ptPrimary.value = ''
         ptSecondary.value = ''
         ctPrimary.value = ''
         ctSecondary.value = ''
-  
+
         // 重置表单内容，但保留devId
         const devId = formContent.value.devId
         resetFormContent()
@@ -444,15 +461,15 @@ defineExpose({ open })
 .ratio-input-group {
     display: flex;
     align-items: center;
-    gap: 10px;
+    justify-content: space-between;
 }
 
 .ratio-form-item {
-    flex: 1;
     margin-bottom: 0 !important;
 }
 
 .colon {
+    text-align: center;
     font-size: 16px;
     font-weight: bold;
 }