From 9268d572c7028b54a84831adf168cb6af57c8f4c Mon Sep 17 00:00:00 2001
From: jingna <1264204245@qq.com>
Date: Thu, 11 Jun 2026 10:23:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/lineSetting/index.vue | 66 +++++++++++++++++-------
 1 file changed, 47 insertions(+), 19 deletions(-)

diff --git a/frontend/src/views/lineSetting/index.vue b/frontend/src/views/lineSetting/index.vue
index b5a1395..2d8b0ba 100644
--- a/frontend/src/views/lineSetting/index.vue
+++ b/frontend/src/views/lineSetting/index.vue
@@ -38,6 +38,11 @@ const infoList = ref({
         { category: '功率', delay: 0, enabled: false, output_node: '', limit: 0 },
         { category: '频率', delay: 0, enabled: false, output_node: '', limit: 0 },
     ],
+    mutual_limit_alarm: [
+        { category: 'PT变化', delay: 0, enabled: false, output_node: '', limit: 0 },
+        { category: 'CT变化', delay: 0, enabled: false, output_node: '', limit: 0 },
+    ]
+
 })
 const options = ref([
     {
@@ -102,6 +107,12 @@ const cleardata = () => {
         item.output_node = ''
         item.limit = 0
     })
+    infoList.value.mutual_limit_alarm.forEach(item => {
+        item.delay = 0
+        item.enabled = false
+        item.output_node = ''
+        item.limit = 0
+    })
 }
 const currentLine = ref(1)
 const handleTabClick = (tab: string) => {
@@ -138,11 +149,22 @@ const init = () => {
                 }
             })
         })
+        // res.mutual_limit_alarm.forEach(item => {
+        //     infoList.value.mutual_limit_alarm.forEach((mutualLimitItem, idx) => {
+        //         if (mutualLimitItem.category === item.category) {
+        //             mutualLimitItem.delay = item.delay
+        //             mutualLimitItem.enabled = item.enabled
+        //             mutualLimitItem.output_node = item.output_node
+        //             mutualLimitItem.limit = item.limit || 0
+        //         }
+        //     })
+        // })
     })
 }
 const isswitch = ref(false)
 const dialogVisible = ref(false)
 const handleSave = () => {
+    console.log(infoList.value)
     ElMessageBox.prompt('请输入密码', '保存', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
@@ -185,8 +207,9 @@ const handleSave = () => {
         <div class="line-tabs-box">
             <div class="tab-content">
                 <div class="tab-content-item">
-                    <div class="tab-content-item-box" style="height: 265px;">越限告警</div>
-                    <div class="tab-content-item-box" style="height: 85px;">故障告警</div>
+                    <div class="tab-content-item-box" style="height: 235px;">越限告警</div>
+                    <div class="tab-content-item-box" style="height: 75px;">故障告警</div>
+                    <div class="tab-content-item-box" style="height: 35px;">互感器变化</div>
                 </div>
                 <div class="tab-content-item">
                     <div class="tab-content-item-box box-height">类别</div>
@@ -197,9 +220,10 @@ const handleSave = () => {
                     <div class="tab-content-item-box box-color box-height">频率</div>
                     <div class="tab-content-item-box box-color box-height">PT断线</div>
                     <div class="tab-content-item-box box-color box-height">CT断线</div>
+                    <div class="tab-content-item-box box-color box-height">PT变化</div>
                 </div>
                 <div class="tab-content-item">
-                    <div class="tab-content-item-box box-height">限制</div>
+                    <div class="tab-content-item-box box-height">限值</div>
                     <div class="tab-content-item-box box-color box-height">
                         <el-input-number v-model="infoList.over_limit_alarm[0].limit" style="width: 100%;"
                             :controls="false" />
@@ -220,21 +244,15 @@ const handleSave = () => {
                         <el-input-number v-model="infoList.fault_alarm[1].limit" style="width: 100%;"
                             :controls="false" />
                     </div>
-                    <div class="tab-content-item-box box-color box-height"
-                        style="display: flex;align-items: center;flex-direction: row;border: none;">
-                        <div style="width: 60px;min-width: 60px;">PT变比</div>
-                        <div class="tab-content-item-box box-color box-height">
-                             <el-input-number v-model="infoList.fault_alarm[0].limit" style="width: 100%;"
-                            :controls="false" />
-                        </div>
-                       
+                    <div class="tab-content-item-box box-color box-height" style="border: none;">
+                        <img src="@/assets/images/menuicon/noitem.png" style="width: 100%; height: 100%;" alt="">
                     </div>
-                    <div class="tab-content-item-box box-color box-height" style="display: flex;align-items: center;border: none;flex-direction: row;">
-                        <div style="width: 60px;min-width: 60px;">CT变比</div>
-                        <div class="tab-content-item-box box-color box-height">
-                             <el-input-number v-model="infoList.fault_alarm[1].limit" style="width: 100%;"
+                    <div class="tab-content-item-box box-color box-height" style="border: none;">
+                        <img src="@/assets/images/menuicon/noitem.png" style="width: 100%; height: 100%;" alt="">
+                    </div>
+                    <div class="tab-content-item-box box-color box-height">
+                        <el-input-number v-model="infoList.mutual_limit_alarm[0].limit" style="width: 100%;"
                             :controls="false" />
-                        </div>
                     </div>
                 </div>
                 <div class="tab-content-item">
@@ -267,6 +285,9 @@ const handleSave = () => {
                         <el-input-number v-model="infoList.fault_alarm[1].delay" style="width: 100%;"
                             :controls="false" />
                     </div>
+                    <div class="tab-content-item-box box-color box-height">
+                        CT变化
+                    </div>
                 </div>
                 <div class="tab-content-item">
                     <div class="tab-content-item-box box-height">输出节点</div>
@@ -312,6 +333,10 @@ const handleSave = () => {
                                 :value="item.value"></el-option>
                         </el-select>
                     </div>
+                    <div class="tab-content-item-box box-color box-height">
+                        <el-input-number v-model="infoList.mutual_limit_alarm[0].output_node" style="width: 100%;"
+                            :controls="false" />
+                    </div>
                 </div>
                 <div class="tab-content-item">
                     <div class="tab-content-item-box box-height">是否投入</div>
@@ -336,6 +361,9 @@ const handleSave = () => {
                     <div class="tab-content-item-box box-color box-height">
                         <el-switch v-model="infoList.fault_alarm[1].enabled"></el-switch>
                     </div>
+                    <div class="tab-content-item-box box-color box-height" style="border: none;">
+                        <img src="@/assets/images/menuicon/noitem.png" style="width: 100%; height: 100%;" alt="">
+                    </div>
                 </div>
             </div>
             <el-button type="primary" class="save-btn" @click="handleSave">保存</el-button>
@@ -394,7 +422,7 @@ const handleSave = () => {
             // height: calc(100vh - 260px);
             border-radius: 4px;
             box-shadow: 0px 0px 10px rgba(219, 225, 236, 1);
-            padding: 20px 20px;
+            padding: 10px 20px;
             min-height: max-content;
             gap: 5px;
 
@@ -426,14 +454,14 @@ const handleSave = () => {
                 }
 
                 .box-height {
-                    height: 40px;
+                    height: 35px;
                 }
             }
 
         }
 
         .save-btn {
-            margin-top: 20px;
+            margin-top: 10px;
             width: 150px;
             height: 40px;
             font-size: 14px;