预警详情弹窗

src/views/Jyh/PersonalCenter/Detail/EarlyWarning.vue

@@ -15,16 +15,6 @@ import { ref } from 'vue';
 import EarlyWarningPerson from './EarlyWarningPerson.vue';
 import EarlyWarningOrganization from './EarlyWarningOrganization.vue';
 const selectTab = ref('gryj');
-
-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">

src/views/Jyh/PersonalCenter/Detail/EarlyWarningPerson.vue

@@ -10,7 +10,7 @@
         <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>
@@ -25,11 +25,16 @@
       </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},
@@ -38,6 +43,15 @@ const licenseTableData = ref([
   {code: '05822156', name:'MIT License',detail: 'integer',level: 1},
 ]);
 
+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">