From cce863c590c11f5622400f9cfe4474af903eb6f8 Mon Sep 17 00:00:00 2001
From: fengerli <528575642@qq.com>
Date: Fri, 20 Mar 2026 14:58:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/controlCenter/100J/index.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/views/controlCenter/100J/index.vue b/src/views/controlCenter/100J/index.vue
index 43cc5ae..c35d4b4 100644
--- a/src/views/controlCenter/100J/index.vue
+++ b/src/views/controlCenter/100J/index.vue
@@ -38,7 +38,7 @@
                 <el-col :lg="9" :xs="24">
                     <div class="content-card1">
                         <h4 class="section-title">警示灯爆闪</h4>
-                        <div class="light-mode">
+                        <div class="light-mode1">
                             <!-- 使用v-for循环渲染灯光模式卡片 -->
                             <div class="mode-card" @click.stop="handleModeClick(mode.id)" v-for="mode in lightModes"
                                 :key="mode.id">
@@ -115,7 +115,6 @@
                                             Number(deviceDetail.latitude).toFixed(4)
                                             : '0.00' }} </div>
                                 </div>
-
                             </div>
                             <div class="location-item1">
                                 <div> <img src="@/assets/images/dw.png" alt="">&nbsp;&nbsp;地址</div>
@@ -686,14 +685,15 @@ const sta_VoiceType = ref([
     { id: '4', name: '市政', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false },
     { id: '5', name: '铁路', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false },
     { id: '6', name: '医疗', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false },
-    { id: '7', name: '部队', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false },
-    { id: '8', name: '水利', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false },
+    // { id: '7', name: '部队', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false },
+    // { id: '8', name: '水利', icon: sg, activeIcon: sgAc, switchStatusVioice: false, active: false },
 ]);
 
 const lightModes = ref<LightMode[]>([
     { id: 'redBlueAlternate', name: '红蓝交替', icon: rb, activeIcon: rbAc, switchStatus: true, instructValue: '6', active: true },
-    { id: 'redFlash', name: '红色', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '0', active: false },
-    { id: 'yellowFlash', name: '黄色', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '2', active: false },
+    { id: 'redFlash', name: '红闪', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '0', active: false },
+    { id: 'yellowFlash', name: '黄闪', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '2', active: false },
+    { id: 'blueFlash', name: '蓝闪', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '1', active: false },
     { id: 'redClockwise', name: '红色顺时针', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '3', active: false },
     { id: 'yellowClockwise', name: '黄色顺时针', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '4', active: false },
     { id: 'redBlueClockwise', name: '红蓝顺时针', icon: rb, activeIcon: rbAc, switchStatus: false, instructValue: '5', active: false },
@@ -1076,6 +1076,12 @@ onUnmounted(() => {
             gap: 15px;
         }
 
+        .light-mode1 {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 15px;
+        }
+
         .lacatin_gps {
             height: 70px;
             background: #F7F8FC;