From 3522ef30ea366f285ea8362220528f94d3a312de Mon Sep 17 00:00:00 2001
From: hr1201 <568127468@qq.com>
Date: Tue, 26 Nov 2024 11:35:51 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=B6=88=E6=81=AF=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E6=8E=A5=E5=8F=A3=E8=BF=94=E5=9B=9E=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E4=B8=BA=E7=A9=BA=EF=BC=8C=E4=BC=9A=E5=AF=BC=E8=87=B4=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E6=97=A0=E6=B3=95=E5=85=B3=E9=97=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/messagePush/component/detail.vue | 59 +++++++++++++---------
 1 file changed, 36 insertions(+), 23 deletions(-)

diff --git a/src/views/messagePush/component/detail.vue b/src/views/messagePush/component/detail.vue
index 946f63b..5a7d719 100644
--- a/src/views/messagePush/component/detail.vue
+++ b/src/views/messagePush/component/detail.vue
@@ -3,19 +3,19 @@
 		<el-dialog :title="state.dialog.title" v-model="state.dialog.isShowDialog" width="400px">
 			<el-form ref="menuDialogFormRef" :model="state.ruleForm" size="default" label-width="120px" v-loading="state.dialog.loading">
 				<el-form-item label="标题：">
-						{{ state.ruleForm.title }}
+					{{ state.ruleForm.title }}
 				</el-form-item>
 				<el-form-item label="发送者：">
-						{{ state.ruleForm.sendUserName }}
+					{{ state.ruleForm.sendUserName }}
 				</el-form-item>
 				<el-form-item label="接收者：">
-						{{ state.ruleForm.userName }}
+					{{ state.ruleForm.userName }}
 				</el-form-item>
 				<el-form-item label="内容：">
-						{{ state.ruleForm.message }}
+					{{ state.ruleForm.message }}
 				</el-form-item>
 				<el-form-item label="时间：">
-						{{ dateFormatter() }}
+					{{ dateFormatter() }}
 				</el-form-item>
 			</el-form>
 			<template #footer>
@@ -29,7 +29,7 @@
 
 <script setup lang="ts" name="messagePushDialog">
 import { ElMessage } from 'element-plus';
-import {  reactive, ref } from 'vue';
+import { reactive, ref } from 'vue';
 import { messagePushApi } from '/@/api/messagePush';
 
 // 定义变量内容
@@ -38,15 +38,15 @@ const state = reactive({
 	ruleForm: {
 		id: '',
 		title: '',
-		sendUserName: "",
-		userName: "",
-		message: "",
-		createtime: []
+		sendUserName: '',
+		userName: '',
+		message: '',
+		createtime: [],
 	},
 	dialog: {
 		isShowDialog: false,
 		title: '',
-		loading: false
+		loading: false,
 	},
 });
 
@@ -55,37 +55,50 @@ const mesApi = messagePushApi();
 
 // 日期格式化
 const dateFormatter = () => {
-    if(state.ruleForm.createtime === null) return '暂无';
+	if (state.ruleForm.createtime === null) return '暂无';
 	let date = state.ruleForm.createtime;
-  	return `${date[0]}-${date[1]}-${date[2]} ${date[3]}:${date[4]}:${date[5]}`;
-}
+	return `${date[0]}-${date[1]}-${date[2]} ${date[3]}:${date[4]}:${date[5]}`;
+};
 
 // 获取信息详情
-const getDetail = async(id? : number) => {
-    try {
+const getDetail = async (id?: number) => {
+	try {
 		state.dialog.loading = true;
 		let res = await mesApi.getMessagePushDetail(id);
-		if(res?.success){
+		console.log(res);
+		if (res?.success) {
+			// 当res.data为null时，给state.ruleForm赋值为空对象
+			if (res.data === null) {
+				state.ruleForm = {
+					id: '',
+					title: '无',
+					sendUserName: '无',
+					userName: '无',
+					message: '无',
+					createtime: [],
+				};
+				return;
+			}
 			state.ruleForm = res.data;
-		}else{
+		} else {
 			ElMessage.error('信息详情获取失败！');
 		}
 	} catch (error) {
 	} finally {
 		state.dialog.loading = false;
 	}
-}
+};
 
 // 打开弹窗
 const openDialog = (id?: any) => {
-    console.log(id)
-		state.dialog.isShowDialog = true;
-    state.dialog.title = '人才信息';
-    getDetail(id);
+	state.dialog.isShowDialog = true;
+	getDetail(id);
 };
 // 关闭弹窗
 const closeDialog = () => {
+	console.log('close');
 	state.dialog.isShowDialog = false;
+	console.log(state.dialog.isShowDialog);
 };
 
 // 取消