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

This commit is contained in:
hr1201 2024-11-26 11:35:51 +08:00
parent 8fdb1078ae
commit 3522ef30ea

View File

@ -3,19 +3,19 @@
<el-dialog :title="state.dialog.title" v-model="state.dialog.isShowDialog" width="400px"> <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 ref="menuDialogFormRef" :model="state.ruleForm" size="default" label-width="120px" v-loading="state.dialog.loading">
<el-form-item label="标题:"> <el-form-item label="标题:">
{{ state.ruleForm.title }} {{ state.ruleForm.title }}
</el-form-item> </el-form-item>
<el-form-item label="发送者:"> <el-form-item label="发送者:">
{{ state.ruleForm.sendUserName }} {{ state.ruleForm.sendUserName }}
</el-form-item> </el-form-item>
<el-form-item label="接收者:"> <el-form-item label="接收者:">
{{ state.ruleForm.userName }} {{ state.ruleForm.userName }}
</el-form-item> </el-form-item>
<el-form-item label="内容:"> <el-form-item label="内容:">
{{ state.ruleForm.message }} {{ state.ruleForm.message }}
</el-form-item> </el-form-item>
<el-form-item label="时间:"> <el-form-item label="时间:">
{{ dateFormatter() }} {{ dateFormatter() }}
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
@ -29,7 +29,7 @@
<script setup lang="ts" name="messagePushDialog"> <script setup lang="ts" name="messagePushDialog">
import { ElMessage } from 'element-plus'; import { ElMessage } from 'element-plus';
import { reactive, ref } from 'vue'; import { reactive, ref } from 'vue';
import { messagePushApi } from '/@/api/messagePush'; import { messagePushApi } from '/@/api/messagePush';
// //
@ -38,15 +38,15 @@ const state = reactive({
ruleForm: { ruleForm: {
id: '', id: '',
title: '', title: '',
sendUserName: "", sendUserName: '',
userName: "", userName: '',
message: "", message: '',
createtime: [] createtime: [],
}, },
dialog: { dialog: {
isShowDialog: false, isShowDialog: false,
title: '', title: '',
loading: false loading: false,
}, },
}); });
@ -55,37 +55,50 @@ const mesApi = messagePushApi();
// //
const dateFormatter = () => { const dateFormatter = () => {
if(state.ruleForm.createtime === null) return '暂无'; if (state.ruleForm.createtime === null) return '暂无';
let date = state.ruleForm.createtime; 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) => { const getDetail = async (id?: number) => {
try { try {
state.dialog.loading = true; state.dialog.loading = true;
let res = await mesApi.getMessagePushDetail(id); let res = await mesApi.getMessagePushDetail(id);
if(res?.success){ console.log(res);
if (res?.success) {
// res.datanullstate.ruleForm
if (res.data === null) {
state.ruleForm = {
id: '',
title: '无',
sendUserName: '无',
userName: '无',
message: '无',
createtime: [],
};
return;
}
state.ruleForm = res.data; state.ruleForm = res.data;
}else{ } else {
ElMessage.error('信息详情获取失败!'); ElMessage.error('信息详情获取失败!');
} }
} catch (error) { } catch (error) {
} finally { } finally {
state.dialog.loading = false; state.dialog.loading = false;
} }
} };
// //
const openDialog = (id?: any) => { const openDialog = (id?: any) => {
console.log(id) state.dialog.isShowDialog = true;
state.dialog.isShowDialog = true; getDetail(id);
state.dialog.title = '人才信息';
getDetail(id);
}; };
// //
const closeDialog = () => { const closeDialog = () => {
console.log('close');
state.dialog.isShowDialog = false; state.dialog.isShowDialog = false;
console.log(state.dialog.isShowDialog);
}; };
// //