修复消息详情接口返回数据为空，会导致弹窗无法关闭

src/views/messagePush/component/detail.vue

@@ -38,15 +38,15 @@ const state = reactive({
 	ruleForm: {
 		id: '',
 		title: '',
-		sendUserName: "",
+		sendUserName: '',
-		userName: "",
+		userName: '',
-		message: "",
+		message: '',
-		createtime: []
+		createtime: [],
 	},
 	dialog: {
 		isShowDialog: false,
 		title: '',
-		loading: false
+		loading: false,
 	},
 });
 
@@ -58,14 +58,27 @@ const dateFormatter = () => {
 	if (state.ruleForm.createtime === null) return '暂无';
 	let date = state.ruleForm.createtime;
 	return `${date[0]}-${date[1]}-${date[2]} ${date[3]}:${date[4]}:${date[5]}`;
-}
+};
 
 // 获取信息详情
 const getDetail = async (id?: number) => {
 	try {
 		state.dialog.loading = true;
 		let res = await mesApi.getMessagePushDetail(id);
+		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 {
 			ElMessage.error('信息详情获取失败！');
@@ -74,18 +87,18 @@ const getDetail = async(id? : number) => {
 	} finally {
 		state.dialog.loading = false;
 	}
-}
+};
 
 // 打开弹窗
 const openDialog = (id?: any) => {
-    console.log(id)
 	state.dialog.isShowDialog = true;
-    state.dialog.title = '人才信息';
 	getDetail(id);
 };
 // 关闭弹窗
 const closeDialog = () => {
+	console.log('close');
 	state.dialog.isShowDialog = false;
+	console.log(state.dialog.isShowDialog);
 };
 
 // 取消