From ba1748830a9369cd2e1a45dec1bd2148022d8efd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B4=BE=E5=90=8C=E5=AD=A6?= <stary1993@qq.com>
Date: Wed, 29 Oct 2025 14:24:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(monitor):=E8=A2=AB=E6=A3=80=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E7=9A=84=E7=9B=91=E6=B5=8B=E7=82=B9=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2=E6=94=B9=E4=B8=BA=E7=BA=A2=E8=89=B2=E4=B8=94?=
 =?UTF-8?q?=E5=B0=86=E7=AC=A6=E5=8F=B7=E6=8F=90=E5=88=B0=E4=B8=8A=E9=9D=A2?=
 =?UTF-8?q?=E5=8E=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../device/components/monitorPopup.vue        | 85 +++++++++++--------
 1 file changed, 51 insertions(+), 34 deletions(-)

diff --git a/frontend/src/views/machine/device/components/monitorPopup.vue b/frontend/src/views/machine/device/components/monitorPopup.vue
index 209471e..9a3d952 100644
--- a/frontend/src/views/machine/device/components/monitorPopup.vue
+++ b/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;
 }