88 lines
2.9 KiB
Vue
88 lines
2.9 KiB
Vue
<script lang="ts" setup>
|
|
import type { SystemSmsLogApi } from '#/api/system/sms/log';
|
|
|
|
import { useVbenModal } from '@vben/common-ui';
|
|
import { Descriptions, Tag } from 'ant-design-vue';
|
|
|
|
import { ref } from 'vue';
|
|
import { formatDateTime } from '@vben/utils';
|
|
import { DICT_TYPE } from '#/utils/dict';
|
|
import { DictTag } from '#/components/dict-tag';
|
|
|
|
const formData = ref<SystemSmsLogApi.SystemSmsLog>();
|
|
|
|
const [Modal, modalApi] = useVbenModal({
|
|
async onOpenChange(isOpen: boolean) {
|
|
if (!isOpen) {
|
|
return;
|
|
}
|
|
// 加载数据
|
|
const data = modalApi.getData<SystemSmsLogApi.SystemSmsLog>();
|
|
if (!data || !data.id) {
|
|
return;
|
|
}
|
|
modalApi.lock();
|
|
try {
|
|
formData.value = data;
|
|
} finally {
|
|
modalApi.lock(false);
|
|
}
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<Modal title="短信日志详情" class="w-1/2">
|
|
<Descriptions bordered :column="2" size="middle" class="mx-4">
|
|
<Descriptions.Item label="创建时间">
|
|
{{ formatDateTime(formData?.createTime || '') }}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="手机号">
|
|
{{ formData?.mobile }}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="短信渠道">
|
|
{{ formData?.channelCode }}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="模板编号">
|
|
{{ formData?.templateId }}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="模板类型">
|
|
<DictTag :type="DICT_TYPE.SYSTEM_SMS_TEMPLATE_TYPE" :value="formData?.templateType" />
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="短信内容">
|
|
{{ formData?.templateContent }}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="发送状态">
|
|
<DictTag :type="DICT_TYPE.SYSTEM_SMS_SEND_STATUS" :value="formData?.sendStatus" />
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="发送时间">
|
|
{{ formatDateTime(formData?.sendTime || '') }}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="API 发送编码">
|
|
{{ formData?.apiSendCode }}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="API 发送消息">
|
|
{{ formData?.apiSendMsg }}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="接收状态">
|
|
<DictTag :type="DICT_TYPE.SYSTEM_SMS_RECEIVE_STATUS" :value="formData?.receiveStatus" />
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="接收时间">
|
|
{{ formatDateTime(formData?.receiveTime || '') }}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="API 接收编码">
|
|
{{ formData?.apiReceiveCode }}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="API 接收消息" :span="2">
|
|
{{ formData?.apiReceiveMsg }}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="API 请求 ID">
|
|
{{ formData?.apiRequestId }}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label="API 序列号">
|
|
{{ formData?.apiSerialNo }}
|
|
</Descriptions.Item>
|
|
</Descriptions>
|
|
</Modal>
|
|
</template>
|