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

update: 修复查看详情报错的问题，解决表单ref命名和表单数据变量命名冲突问题

Browse Source
This commit is contained in:
puhui999 2023-03-22 18:13:28 +08:00
parent 36729f5282
commit ef3fbc5a04
1 changed files with 29 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -175,78 +175,83 @@
/> />
<!-- 短信日志详细 --> <!-- 短信日志详细 -->
<el-dialog title="短信日志详细" v-model="open" width="700px" append-to-body> <el-dialog title="短信日志详细" v-model="open" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="140px" size="mini"> <el-form ref="formRef" :model="formData" label-width="140px">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="日志主键：">{{ form.id }}</el-form-item> <el-form-item label="日志主键：">{{ formData.id }}</el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="短信渠道："> <el-form-item label="短信渠道：">
{{ formatChannelSignature(form.channelId) }} {{ formatChannelSignature(formData.channelId) }}
<dict-tag :type="DICT_TYPE.SYSTEM_SMS_CHANNEL_CODE" :value="form.channelCode" /> <dict-tag :type="DICT_TYPE.SYSTEM_SMS_CHANNEL_CODE" :value="formData.channelCode" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="短信模板："> <el-form-item label="短信模板：">
{{ form.templateId }} | {{ form.templateCode }} {{ formData.templateId }} | {{ formData.templateCode }}
<dict-tag :type="DICT_TYPE.SYSTEM_SMS_TEMPLATE_TYPE" :value="form.templateType" /> <dict-tag :type="DICT_TYPE.SYSTEM_SMS_TEMPLATE_TYPE" :value="formData.templateType" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="API 的模板编号：">{{ form.apiTemplateId }}</el-form-item> <el-form-item label="API 的模板编号：">{{ formData.apiTemplateId }}</el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="用户信息：" <el-form-item label="用户信息："
>{{ form.mobile }} >{{ formData.mobile }}
<span v-if="form.userType && form.userId"> <span v-if="formData.userType && formData.userId">
<dict-tag :type="DICT_TYPE.USER_TYPE" :value="form.userType" />({{ form.userId }}) <dict-tag :type="DICT_TYPE.USER_TYPE" :value="formData.userType" />({{
formData.userId
}})
</span> </span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="短信内容：">{{ form.templateContent }}</el-form-item> <el-form-item label="短信内容：">{{ formData.templateContent }}</el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="短信参数：">{{ form.templateParams }}</el-form-item> <el-form-item label="短信参数：">{{ formData.templateParams }}</el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="创建时间：">{{ parseTime(form.createTime) }}</el-form-item> <el-form-item label="创建时间：">{{ parseTime(formData.createTime) }}</el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="发送状态："> <el-form-item label="发送状态：">
<dict-tag :type="DICT_TYPE.SYSTEM_SMS_SEND_STATUS" :value="form.sendStatus" /> <dict-tag :type="DICT_TYPE.SYSTEM_SMS_SEND_STATUS" :value="formData.sendStatus" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="发送时间：">{{ parseTime(form.sendTime) }}</el-form-item> <el-form-item label="发送时间：">{{ parseTime(formData.sendTime) }}</el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="发送结果：" <el-form-item label="发送结果："
>{{ form.sendCode }} | {{ form.sendMsg }} >{{ formData.sendCode }} | {{ formData.sendMsg }}
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="API 发送结果：" <el-form-item label="API 发送结果："
>{{ form.apiSendCode }} | {{ form.apiSendMsg }}</el-form-item >{{ formData.apiSendCode }} | {{ formData.apiSendMsg }}</el-form-item
> >
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="API 短信编号：">{{ form.apiSerialNo }}</el-form-item> <el-form-item label="API 短信编号：">{{ formData.apiSerialNo }}</el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="API 请求编号：">{{ form.apiRequestId }}</el-form-item> <el-form-item label="API 请求编号：">{{ formData.apiRequestId }}</el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="接收状态："> <el-form-item label="接收状态：">
<dict-tag :type="DICT_TYPE.SYSTEM_SMS_RECEIVE_STATUS" :value="form.receiveStatus" /> <dict-tag
:type="DICT_TYPE.SYSTEM_SMS_RECEIVE_STATUS"
:value="formData.receiveStatus"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="接收时间：">{{ parseTime(form.receiveTime) }}</el-form-item> <el-form-item label="接收时间：">{{ parseTime(formData.receiveTime) }}</el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="API 接收结果：" <el-form-item label="API 接收结果："
>{{ form.apiReceiveCode }} | {{ form.apiReceiveMsg }} >{{ formData.apiReceiveCode }} | {{ formData.apiReceiveMsg }}
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -363,7 +368,7 @@ const getList = () => {
} }
// ================== 详情 ==================== // ================== 详情 ====================
const open = ref(false) const open = ref(false)
const form = ref<SmsLogApi.SmsLogVO>({ const formData = ref<SmsLogApi.SmsLogVO>({
id: null, id: null,
channelId: null, channelId: null,
channelCode: '', channelCode: '',
@ -392,8 +397,8 @@ const form = ref<SmsLogApi.SmsLogVO>({
}) })
/** 详细按钮操作 */ /** 详细按钮操作 */
const handleView = (row: SmsLogApi.SmsLogVO) => { const handleView = (row: SmsLogApi.SmsLogVO) => {
formData.value = row
open.value = true open.value = true
form.value = row
} }
getList() getList()
</script> </script>