From 2adec4c9849093f5592d2433bce063b6ff94035b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B1=AA=E5=B0=91=E4=BC=9F?= <wsw.sun@qq.com>
Date: Sun, 16 Mar 2025 12:22:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=84=E7=BB=87=E9=A2=84=E8=AD=A6?=
 =?UTF-8?q?=E9=80=9A=E7=9F=A5=E5=88=97=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Detail/EarlyWarningOrganization.vue       | 43 +++++++++++--------
 1 file changed, 25 insertions(+), 18 deletions(-)

diff --git a/src/views/Jyh/PersonalCenter/Detail/EarlyWarningOrganization.vue b/src/views/Jyh/PersonalCenter/Detail/EarlyWarningOrganization.vue
index c8505ba..1205585 100644
--- a/src/views/Jyh/PersonalCenter/Detail/EarlyWarningOrganization.vue
+++ b/src/views/Jyh/PersonalCenter/Detail/EarlyWarningOrganization.vue
@@ -2,24 +2,20 @@
   <Card simple class="jyh-card mt-3">
     <div class="card-title">组织预警通知列表</div>
     <div class="mb-3">
-      <d-table
-        class="jyh-table jyh-table-2"
-        :header-bg="true"
-        :data="licenseTableData"
-      >
+      <d-table class="jyh-table jyh-table-2" :header-bg="true" :data="licenseTableData">
         <d-column field="code" header="时间"></d-column>
         <d-column field="name" header="标题">
           <template #default="scope">
-            <a>{{scope.row.name}}</a>
+            <a @click="openWarningDetail(scope.row)">{{ scope.row.name }}</a>
           </template>
         </d-column>
         <d-column field="detail" header="详情"></d-column>
         <d-column field="level" header="级别">
-          <template #default="scope,text">
-            <d-status v-if="scope.row.level===4" type="error">危险</d-status>
-            <d-status v-if="scope.row.level===3" type="warning">严重</d-status>
-            <d-status v-if="scope.row.level===2" class="yellow-status">一般</d-status>
-            <d-status v-if="scope.row.level===1" type="running">提示</d-status>
+          <template #default="scope, text">
+            <d-status v-if="scope.row.level === 4" type="error">危险</d-status>
+            <d-status v-if="scope.row.level === 3" type="warning">严重</d-status>
+            <d-status v-if="scope.row.level === 2" class="yellow-status">一般</d-status>
+            <d-status v-if="scope.row.level === 1" type="running">提示</d-status>
           </template>
         </d-column>
         <d-column field="status" header="状态">
@@ -31,23 +27,34 @@
       </d-table>
     </div>
   </Card>
+
+  <d-modal class="warning-modal" v-model="warningModalVisable" title="主题：">
+    <EarlyWarningDetail @close="colseWarningDetail" :warningData="currentWarning" type="user"></EarlyWarningDetail>
+  </d-modal>
 </template>
 
 <script setup lang="ts">
-
 import { ref } from 'vue';
+import EarlyWarningDetail from '@/views/Jyh/PersonalCenter/Detail/EarlyWarningDetail.vue';
 
 const licenseTableData = ref([
-  {code: '05822156', name:'MIT License',detail: 'integer',level: 4, status: 1},
-  {code: '05822156', name:'MIT License',detail: 'integer',level: 3, status: 2},
-  {code: '05822156', name:'MIT License',detail: 'integer',level: 2, status: 2},
-  {code: '05822156', name:'MIT License',detail: 'integer',level: 1, status: 2},
+  { code: '05822156', name: 'MIT License', detail: 'integer', level: 4, status: 1 },
+  { code: '05822156', name: 'MIT License', detail: 'integer', level: 3, status: 2 },
+  { code: '05822156', name: 'MIT License', detail: 'integer', level: 2, status: 2 },
+  { code: '05822156', name: 'MIT License', detail: 'integer', level: 1, status: 2 }
 ]);
 
+const warningModalVisable = ref(false);
+const currentWarning = ref();
+const openWarningDetail = (row) => {
+  warningModalVisable.value = true;
+  currentWarning.value = row;
+};
+const colseWarningDetail = () => {
+  warningModalVisable.value = false;
+};
 </script>
 
 <style scoped lang="scss">
 @import 'devui-theme/styles-var/devui-var.scss';
-
-
 </style>