From 4f848e7ce9b36e5a723603ee34a9bc2b0ea56d8a Mon Sep 17 00:00:00 2001
From: lianlonggang <lianlonggang@qq.com>
Date: Wed, 1 Apr 2026 14:48:34 +0800
Subject: [PATCH] =?UTF-8?q?fix(emergency,healthMonitor):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E9=80=9A=E7=9F=A5=E6=B6=88=E6=81=AF=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E9=87=8D=E5=A4=8D=E6=8F=90=E4=BA=A4=E9=97=AE=E9=A2=98=E5=B9=B6?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为通知消息弹窗的\"保存并发送\"和\"保存\"按钮添加 loading 状态和 disabled 禁用，防止重复提交
- 优化应急管理列表页面和 AED 设备地图页面的代码格式
---
 src/components/Video/VideoPreview.vue         |  2 +-
 src/views/emergency/aed/deviceMap/index.vue   | 13 +++++++++-
 .../emergencyManage/emergencyManageList.vue   | 26 +++++++++----------
 .../componets/notificationNewsModal.vue       |  7 +++--
 4 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/src/components/Video/VideoPreview.vue b/src/components/Video/VideoPreview.vue
index 6f4c99f..a1f74d4 100644
--- a/src/components/Video/VideoPreview.vue
+++ b/src/components/Video/VideoPreview.vue
@@ -20,7 +20,7 @@
         fontSize: props.size ?? '30px',
         opacity: 0.5,
         transition: 'opacity 0.5s',
-        display: 'none',
+        display: 'block',
     });
 
     const bodyStyle = ref({
diff --git a/src/views/emergency/aed/deviceMap/index.vue b/src/views/emergency/aed/deviceMap/index.vue
index bcf9acf..ebb1a26 100644
--- a/src/views/emergency/aed/deviceMap/index.vue
+++ b/src/views/emergency/aed/deviceMap/index.vue
@@ -40,7 +40,7 @@
                 />
                 <div class="bottom-top">
                     <div class="top-title"> <img :src="aedP" alt="" /> {{ showWindowInfo?.name }} </div>
-                    <div class="top-title-bottom"> 距离{{ showWindowInfo?.dis ? showWindowInfo?.dis : 0 }}m </div>
+                    <div class="top-title-bottom"> 距离{{ formatDistance(showWindowInfo?.dis) }} </div>
                     <div class="top-title-describe"> {{ showWindowInfo?.installAddress ? showWindowInfo?.installAddress : '无' }} </div>
                     <div class="table-list">
                         <div class="label-d"> 设备厂家： </div>
@@ -411,6 +411,17 @@
         window.open(getFileAccessHttpUrl(v), '_blank');
     }
 
+    /**
+     * 格式化距离：超过1000米换算为千米，保留两位小数
+     */
+    function formatDistance(dis) {
+        if (!dis) return '0m';
+        if (dis >= 1000) {
+            return (dis / 1000).toFixed(2) + 'km';
+        }
+        return dis + 'm';
+    }
+
     function getName(val, list) {
         if (!val && val !== 0) return '';
         for (let i = 0; i < list.length; i++) {
diff --git a/src/views/emergency/emergencyManage/emergencyManageList.vue b/src/views/emergency/emergencyManage/emergencyManageList.vue
index db1b021..1b90da4 100644
--- a/src/views/emergency/emergencyManage/emergencyManageList.vue
+++ b/src/views/emergency/emergencyManage/emergencyManageList.vue
@@ -212,17 +212,17 @@
     const [registerTable, { reload, getForm, getDataSource, setTableData }] = tableContext;
 </script>
 <style scoped lang="less">
-    :deep(.ant-table-cell-fix-left, .ant-table-cell-fix-right) {
-        position: relative;
-        border-bottom: none !important;
-
-        &:after {
-            position: absolute;
-            content: '';
-            width: 100%;
-            top: 0;
-            left: 0;
-            border-bottom: 1px solid #f0f0f0;
-        }
-    }
+    //:deep(.ant-table-cell-fix-left, .ant-table-cell-fix-right) {
+    //    position: relative;
+    //    //border-bottom: none !important;
+    //    border-bottom: 2px solid #f0f0f0 !important;
+    //    &:after {
+    //        position: absolute;
+    //        content: '';
+    //        width: 100%;
+    //        top: 0;
+    //        left: 0;
+    //        border-bottom: 1px solid #f0f0f0;
+    //    }
+    //}
 </style>
diff --git a/src/views/healthMonitor/healMonitorManage/monitorToll/notificationNews/componets/notificationNewsModal.vue b/src/views/healthMonitor/healMonitorManage/monitorToll/notificationNews/componets/notificationNewsModal.vue
index f68ca5f..68a4559 100644
--- a/src/views/healthMonitor/healMonitorManage/monitorToll/notificationNews/componets/notificationNewsModal.vue
+++ b/src/views/healthMonitor/healMonitorManage/monitorToll/notificationNews/componets/notificationNewsModal.vue
@@ -7,8 +7,8 @@
         </BasicForm>
         <template #footer v-if="title !== '查看'">
             <a-button @click="handleCanel">取消</a-button>
-            <a-button type="primary" @click="handleSubmit(1)">保存并发送</a-button>
-            <a-button type="primary" @click="handleSubmit(2)">保存</a-button>
+            <a-button type="primary" :loading="submitting" :disabled="submitting" @click="handleSubmit(1)">保存并发送</a-button>
+            <a-button type="primary" :loading="submitting" :disabled="submitting" @click="handleSubmit(2)">保存</a-button>
         </template>
     </BasicModal>
     <ChooseSome
@@ -35,6 +35,7 @@
     // Emits声明
     const emit = defineEmits(['register', 'success', 'userData']);
     const isUpdate = ref(true);
+    const submitting = ref(false);
     const [examinationModal, { openDrawer }] = useDrawer();
     //设置标题
     const title = ref(String);
@@ -100,6 +101,7 @@
     //表单提交事件
     async function handleSubmit(type: number) {
         try {
+            submitting.value = true;
             let values = await validate();
             setModalProps({ confirmLoading: true });
             //提交表单
@@ -109,6 +111,7 @@
             //刷新列表
             emit('success');
         } finally {
+            submitting.value = false;
             setModalProps({ confirmLoading: false });
         }
     }