root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update: 修改使用el-descriptions展示详情

Browse Source
This commit is contained in:
puhui999 2023-03-22 23:53:39 +08:00
parent ef3fbc5a04
commit 42128709aa
1 changed files with 61 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

130
src/views/system/sms/smsLog/index.vue
View File

@ -174,92 +174,70 @@
@pagination="getList" @pagination="getList"
/> />
<!-- 短信日志详细 --> <!-- 短信日志详细 -->
<el-dialog title="短信日志详细" v-model="open" width="700px" append-to-body> <Dialog title="短信日志详情" v-model="open">
<el-form ref="formRef" :model="formData" label-width="140px"> <el-descriptions border :column="1">
<el-row> <el-descriptions-item label-align="right" width="50px" label="日志主键：">{{
<el-col :span="24"> formData.id
<el-form-item label="日志主键：">{{ formData.id }}</el-form-item> }}</el-descriptions-item>
</el-col> <el-descriptions-item label-align="right" width="50px" label="短信渠道：">
<el-col :span="24">
<el-form-item label="短信渠道：">
{{ formatChannelSignature(formData.channelId) }} {{ formatChannelSignature(formData.channelId) }}
<dict-tag :type="DICT_TYPE.SYSTEM_SMS_CHANNEL_CODE" :value="formData.channelCode" /> <dict-tag :type="DICT_TYPE.SYSTEM_SMS_CHANNEL_CODE" :value="formData.channelCode" />
</el-form-item> </el-descriptions-item>
</el-col> <el-descriptions-item label-align="right" width="50px" label="短信模板：">
<el-col :span="24">
<el-form-item label="短信模板：">
{{ formData.templateId }} | {{ formData.templateCode }} {{ formData.templateId }} | {{ formData.templateCode }}
<dict-tag :type="DICT_TYPE.SYSTEM_SMS_TEMPLATE_TYPE" :value="formData.templateType" /> <dict-tag :type="DICT_TYPE.SYSTEM_SMS_TEMPLATE_TYPE" :value="formData.templateType" />
</el-form-item> </el-descriptions-item>
</el-col> <el-descriptions-item label-align="right" width="50px" label="API 的模板编号：">
<el-col :span="24"> {{ formData.apiTemplateId }}
<el-form-item label="API 的模板编号：">{{ formData.apiTemplateId }}</el-form-item> </el-descriptions-item>
</el-col> <el-descriptions-item label-align="right" width="50px" label="用户信息：">
<el-col :span="24"> {{ formData.mobile }}
<el-form-item label="用户信息："
>{{ formData.mobile }}
<span v-if="formData.userType && formData.userId"> <span v-if="formData.userType && formData.userId">
<dict-tag :type="DICT_TYPE.USER_TYPE" :value="formData.userType" />({{ <dict-tag :type="DICT_TYPE.USER_TYPE" :value="formData.userType" />
formData.userId ({{ formData.userId }})
}})
</span> </span>
</el-form-item> </el-descriptions-item>
</el-col> <el-descriptions-item label-align="right" width="50px" label="短信内容：">
<el-col :span="24"> {{ formData.templateContent }}
<el-form-item label="短信内容：">{{ formData.templateContent }}</el-form-item> </el-descriptions-item>
</el-col> <el-descriptions-item label-align="right" width="50px" label="短信参数：">
<el-col :span="24"> {{ formData.templateParams }}
<el-form-item label="短信参数：">{{ formData.templateParams }}</el-form-item> </el-descriptions-item>
</el-col> <el-descriptions-item label-align="right" width="50px" label="创建时间：">
<el-col :span="24"> {{ parseTime(formData.createTime) }}
<el-form-item label="创建时间：">{{ parseTime(formData.createTime) }}</el-form-item> </el-descriptions-item>
</el-col> <el-descriptions-item label-align="right" width="50px" label="发送状态：">
<el-col :span="24">
<el-form-item label="发送状态：">
<dict-tag :type="DICT_TYPE.SYSTEM_SMS_SEND_STATUS" :value="formData.sendStatus" /> <dict-tag :type="DICT_TYPE.SYSTEM_SMS_SEND_STATUS" :value="formData.sendStatus" />
</el-form-item> </el-descriptions-item>
</el-col> <el-descriptions-item label-align="right" width="50px" label="发送时间：">
<el-col :span="24"> {{ parseTime(formData.sendTime) }}
<el-form-item label="发送时间：">{{ parseTime(formData.sendTime) }}</el-form-item> </el-descriptions-item>
</el-col> <el-descriptions-item label-align="right" width="50px" label="发送结果：">
<el-col :span="24"> {{ formData.sendCode }} | {{ formData.sendMsg }}
<el-form-item label="发送结果：" </el-descriptions-item>
>{{ formData.sendCode }} | {{ formData.sendMsg }} <el-descriptions-item label-align="right" width="50px" label="API 发送结果：">
</el-form-item> {{ formData.apiSendCode }} | {{ formData.apiSendMsg }}
</el-col> </el-descriptions-item>
<el-col :span="24"> <el-descriptions-item label-align="right" width="50px" label="API 短信编号：">
<el-form-item label="API 发送结果：" {{ formData.apiSerialNo }}
>{{ formData.apiSendCode }} | {{ formData.apiSendMsg }}</el-form-item </el-descriptions-item>
> <el-descriptions-item label-align="right" width="50px" label="API 请求编号：">
</el-col> {{ formData.apiRequestId }}
<el-col :span="24"> </el-descriptions-item>
<el-form-item label="API 短信编号：">{{ formData.apiSerialNo }}</el-form-item> <el-descriptions-item label-align="right" width="50px" label="接收状态：">
</el-col> <dict-tag :type="DICT_TYPE.SYSTEM_SMS_RECEIVE_STATUS" :value="formData.receiveStatus" />
<el-col :span="24"> </el-descriptions-item>
<el-form-item label="API 请求编号：">{{ formData.apiRequestId }}</el-form-item> <el-descriptions-item label-align="right" width="50px" label="接收时间：">
</el-col> {{ parseTime(formData.receiveTime) }}
<el-col :span="24"> </el-descriptions-item>
<el-form-item label="接收状态："> <el-descriptions-item label-align="right" width="50px" label="API 接收结果：">
<dict-tag {{ formData.apiReceiveCode }} | {{ formData.apiReceiveMsg }}
:type="DICT_TYPE.SYSTEM_SMS_RECEIVE_STATUS" </el-descriptions-item>
:value="formData.receiveStatus" </el-descriptions>
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="接收时间：">{{ parseTime(formData.receiveTime) }}</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="API 接收结果："
>{{ formData.apiReceiveCode }} | {{ formData.apiReceiveMsg }}
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer> <template #footer>
<el-button @click="open = false">关 闭</el-button> <el-button @click="open = false">关 闭</el-button>
</template> </template>
</el-dialog> </Dialog>
</content-wrap> </content-wrap>
</template> </template>
<script setup lang="ts" name="smsLog"> <script setup lang="ts" name="smsLog">