|
|
@@ -3,26 +3,24 @@
|
|
|
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
<el-form-item label="手机号" prop="sendPhone">
|
|
|
<el-input
|
|
|
- v-model="queryParams.sendPhone"
|
|
|
- placeholder="请输入接收手机号"
|
|
|
- clearable
|
|
|
- @keyup.enter="handleQuery"
|
|
|
+ v-model="queryParams.sendPhone"
|
|
|
+ placeholder="请输入接收手机号"
|
|
|
+ clearable
|
|
|
+ @keyup.enter="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="模板ID" prop="templateId">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.templateId"
|
|
|
- placeholder="请输入模板ID"
|
|
|
- clearable
|
|
|
- @keyup.enter="handleQuery"
|
|
|
- />
|
|
|
+ <el-form-item label="短信类型" prop="expandStatus">
|
|
|
+ <el-select v-model="queryParams.smsType" placeholder="请选择短信类型" clearable>
|
|
|
+ <el-option v-for="dict in sms_type" :key="dict.value" :label="dict.label"
|
|
|
+ :value="dict.value"/>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="成功状态" prop="snedSuccess">
|
|
|
<el-input
|
|
|
- v-model="queryParams.snedSuccess"
|
|
|
- placeholder="请输入成功状态"
|
|
|
- clearable
|
|
|
- @keyup.enter="handleQuery"
|
|
|
+ v-model="queryParams.snedSuccess"
|
|
|
+ placeholder="请输入成功状态"
|
|
|
+ clearable
|
|
|
+ @keyup.enter="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
@@ -34,76 +32,102 @@
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
|
- type="primary"
|
|
|
- plain
|
|
|
- icon="Plus"
|
|
|
- @click="handleAdd"
|
|
|
- v-hasPermi="['sms:record:add']"
|
|
|
- >新增</el-button>
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ icon="Plus"
|
|
|
+ @click="handleAdd"
|
|
|
+ v-hasPermi="['sms:record:add']"
|
|
|
+ >新增
|
|
|
+ </el-button>
|
|
|
</el-col>
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
|
- type="success"
|
|
|
- plain
|
|
|
- icon="Edit"
|
|
|
- :disabled="single"
|
|
|
- @click="handleUpdate"
|
|
|
- v-hasPermi="['sms:record:edit']"
|
|
|
- >查看</el-button>
|
|
|
+ type="success"
|
|
|
+ plain
|
|
|
+ icon="Edit"
|
|
|
+ :disabled="single"
|
|
|
+ @click="handleUpdate"
|
|
|
+ v-hasPermi="['sms:record:edit']"
|
|
|
+ >查看
|
|
|
+ </el-button>
|
|
|
</el-col>
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
|
- type="warning"
|
|
|
- plain
|
|
|
- icon="Download"
|
|
|
- @click="handleExport"
|
|
|
- v-hasPermi="['sms:record:export']"
|
|
|
- >导出</el-button>
|
|
|
+ type="warning"
|
|
|
+ plain
|
|
|
+ icon="Download"
|
|
|
+ @click="handleExport"
|
|
|
+ v-hasPermi="['sms:record:export']"
|
|
|
+ >导出
|
|
|
+ </el-button>
|
|
|
</el-col>
|
|
|
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
</el-row>
|
|
|
|
|
|
<el-table v-loading="loading" :data="recordList" @selection-change="handleSelectionChange">
|
|
|
- <el-table-column type="selection" width="55" align="center" />
|
|
|
-<!-- <el-table-column label="记录ID" align="center" prop="recordId" />-->
|
|
|
- <el-table-column label="接收手机号" align="center" prop="sendPhone" />
|
|
|
- <el-table-column label="数据" align="center" prop="sendContent" />
|
|
|
- <el-table-column label="模板ID" align="center" prop="templateId" />
|
|
|
- <el-table-column label="成功状态" align="center" prop="snedSuccess" />
|
|
|
- <el-table-column label="返回值" align="center" prop="sendResult" />
|
|
|
+ <el-table-column type="selection" width="55" align="center"/>
|
|
|
+ <!-- <el-table-column label="记录ID" align="center" prop="recordId" />-->
|
|
|
+ <el-table-column label="接收手机号" align="center" prop="sendPhone"/>
|
|
|
+ <el-table-column label="发送时间" align="center" prop="sendTime">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ parseTime(scope.row.sendTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="短信类型" align="center" prop="smsType">
|
|
|
+ <template #default="scope">
|
|
|
+ <dict-tag :options="sms_type" :value="scope.row.smsType"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="数据" align="left" prop="sendContent"/>
|
|
|
+ <el-table-column label="成功状态" align="center" prop="snedSuccess"/>
|
|
|
+ <!-- <el-table-column label="返回值" align="center" prop="sendResult"/>-->
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
<template #default="scope">
|
|
|
- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['sms:record:edit']">查看</el-button>
|
|
|
- <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['sms:record:remove']">删除</el-button>
|
|
|
+ <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['sms:record:edit']">
|
|
|
+ 查看
|
|
|
+ </el-button>
|
|
|
+ <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
|
|
|
+ v-hasPermi="['sms:record:remove']">删除
|
|
|
+ </el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
|
|
|
<pagination
|
|
|
- v-show="total>0"
|
|
|
- :total="total"
|
|
|
- v-model:page="queryParams.pageNum"
|
|
|
- v-model:limit="queryParams.pageSize"
|
|
|
- @pagination="getList"
|
|
|
+ v-show="total>0"
|
|
|
+ :total="total"
|
|
|
+ v-model:page="queryParams.pageNum"
|
|
|
+ v-model:limit="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
/>
|
|
|
|
|
|
<!-- 添加或修改短信记录对话框 -->
|
|
|
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
|
|
<el-form ref="recordRef" :model="form" :rules="rules" label-width="80px">
|
|
|
<el-form-item label="手机号" prop="sendPhone">
|
|
|
- {{form.sendPhone}}
|
|
|
+ {{ form.sendPhone }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="发送时间" prop="sendTime">
|
|
|
+ <span>{{ parseTime(form.sendTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="短信类型" prop="smsType">
|
|
|
+ <dict-tag :options="sms_type" :value="form.smsType"/>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="数据">
|
|
|
- {{form.sendContent}}
|
|
|
+ {{ form.sendContent }}
|
|
|
</el-form-item>
|
|
|
+
|
|
|
<el-form-item label="模板ID" prop="templateId">
|
|
|
- {{form.templateId}}
|
|
|
+ {{ form.templateId }}
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="模板ID" prop="templateId">
|
|
|
+ {{ form.templateId }}
|
|
|
</el-form-item>
|
|
|
<el-form-item label="成功状态" prop="snedSuccess">
|
|
|
- {{form.snedSuccess}}
|
|
|
+ {{ form.snedSuccess }}
|
|
|
</el-form-item>
|
|
|
<el-form-item label="返回值" prop="sendResult">
|
|
|
- {{form.sendResult}}
|
|
|
+ {{ form.sendResult }}
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
@@ -117,10 +141,12 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup name="Record">
|
|
|
- import { listRecord, getRecord, delRecord, addRecord, updateRecord } from "@/api/sms/record";
|
|
|
-
|
|
|
- const { proxy } = getCurrentInstance();
|
|
|
+import {addRecord, delRecord, getRecord, listRecord, updateRecord} from "@/api/sms/record";
|
|
|
|
|
|
+const {proxy} = getCurrentInstance();
|
|
|
+const {
|
|
|
+ sms_type
|
|
|
+} = proxy.useDict('sms_type');
|
|
|
const recordList = ref([]);
|
|
|
const open = ref(false);
|
|
|
const loading = ref(true);
|
|
|
@@ -143,11 +169,10 @@ const data = reactive({
|
|
|
snedSuccess: null,
|
|
|
sendResult: null
|
|
|
},
|
|
|
- rules: {
|
|
|
- }
|
|
|
+ rules: {}
|
|
|
});
|
|
|
|
|
|
-const { queryParams, form, rules } = toRefs(data);
|
|
|
+const {queryParams, form, rules} = toRefs(data);
|
|
|
|
|
|
/** 查询短信记录列表 */
|
|
|
function getList() {
|
|
|
@@ -207,6 +232,7 @@ function handleAdd() {
|
|
|
/** 修改按钮操作 */
|
|
|
function handleUpdate(row) {
|
|
|
reset();
|
|
|
+ console.log(row)
|
|
|
const _recordId = row.recordId || ids.value
|
|
|
getRecord(_recordId).then(response => {
|
|
|
form.value = response.data;
|
|
|
@@ -239,12 +265,13 @@ function submitForm() {
|
|
|
/** 删除按钮操作 */
|
|
|
function handleDelete(row) {
|
|
|
const _recordIds = row.recordId || ids.value;
|
|
|
- proxy.$modal.confirm('是否确认删除短信记录编号为"' + _recordIds + '"的数据项?').then(function() {
|
|
|
+ proxy.$modal.confirm('是否确认删除短信记录编号为"' + _recordIds + '"的数据项?').then(function () {
|
|
|
return delRecord(_recordIds);
|
|
|
}).then(() => {
|
|
|
getList();
|
|
|
proxy.$modal.msgSuccess("删除成功");
|
|
|
- }).catch(() => {});
|
|
|
+ }).catch(() => {
|
|
|
+ });
|
|
|
}
|
|
|
|
|
|
/** 导出按钮操作 */
|