发送短信、文书送达
This commit is contained in:
tdg930622
parent
040927f417
commit
327b218be9
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :visible="true" width="1300px" class="dialog-case-record" append-to-body :close-on-click-modal="false"
|
||||
<el-dialog :visible="true" width="1300px" class="dialog-case-record" :close-on-click-modal="false"
|
||||
@close="handleClose()">
|
||||
|
||||
<div class="dialog-content dialog-case-trace">
|
||||
|
||||
@ -1,191 +1,231 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
<div>
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
<el-col :span="6">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信接收人</span>
|
||||
<el-input v-model.trim="queryParam.pkgName"
|
||||
clearable placeholder="请输入短信接收人"
|
||||
@keydown.enter.native="handleSearch">
|
||||
</el-input>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
<el-col :span="6">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信接收人</span>
|
||||
<el-input v-model.trim="queryParam.pkgName"
|
||||
clearable placeholder="请输入短信接收人"
|
||||
@keydown.enter.native="handleSearch">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">电话号码</span>
|
||||
<el-input v-model.trim="queryParam.phone"
|
||||
clearable placeholder="请输入电话号码"
|
||||
@keydown.enter.native="handleSearch">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="9">
|
||||
<div class="justify-content-start align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">操作时间</span>
|
||||
<el-date-picker
|
||||
v-model="queryDate"
|
||||
type="daterange"
|
||||
clearable
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
@change="handleChangeDate">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div class="flex-row align-items-center justify-content-end">
|
||||
<el-button @click="hanldeReset">重置</el-button>
|
||||
<el-button type="primary" @click="handleSearch">搜索</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-collapse-transition>
|
||||
</div>
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f18 color-text-primary">明细列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">电话号码</span>
|
||||
<el-input v-model.trim="queryParam.phone"
|
||||
clearable placeholder="请输入电话号码"
|
||||
@keydown.enter.native="handleSearch">
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<div class="case-table">
|
||||
<el-table :data="tableData" height="340" >
|
||||
<el-table-column type="index" label="序号" width="55"></el-table-column>
|
||||
<!-- <el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip ></el-table-column> -->
|
||||
<el-table-column prop="caseNo" label="案件编号" width="200" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="短信模板" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="receiver" label="短信接收人" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="phone" label="电话号码" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="短信接收对象" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="status" label="发送状态" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="failureReason" label="失败原因" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="操作人" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="planStartTime" label="操作时间" show-overflow-tooltip >
|
||||
<template slot-scope="scope">
|
||||
<span >{{ scope.row.planStartTime | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作" width="150">
|
||||
<template slot-scope="scope">
|
||||
<div class="flex-row align-items-center">
|
||||
<el-button size="mini" @click="handleDelete(scope)">重试</el-button>
|
||||
<el-button size="mini" @click="handleBackCase(scope)">取消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-col>
|
||||
<el-col :span="9">
|
||||
<div class="justify-content-start align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">操作时间</span>
|
||||
<el-date-picker
|
||||
v-model="queryDate"
|
||||
type="daterange"
|
||||
clearable
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
@change="handleChangeDate">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-16">
|
||||
<el-pagination
|
||||
@size-change="getList"
|
||||
@current-change="getList"
|
||||
:current-page="queryParam.current"
|
||||
:page-size="queryParam.size"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div class="flex-row align-items-center justify-content-end">
|
||||
<el-button @click="hanldeReset">重置</el-button>
|
||||
<el-button type="primary" @click="handleSearch">搜索</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-collapse-transition>
|
||||
</div>
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f18 color-text-primary">明细列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="case-table">
|
||||
<el-table :data="tableData" height="340">
|
||||
<el-table-column type="index" label="序号" width="55"></el-table-column>
|
||||
<!-- <el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip ></el-table-column> -->
|
||||
<el-table-column prop="caseNo" label="案件编号" width="200" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column prop="channel" label="短信模板" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column prop="receiver" label="短信接收人" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column prop="phone" label="电话号码" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column prop="channel" label="短信接收对象" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column prop="status" label="发送状态" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.status.desc }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="failureReason" label="失败原因" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column prop="channel" label="操作人" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column prop="planStartTime" label="操作时间" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.planStartTime | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作" width="150">
|
||||
<template slot-scope="scope">
|
||||
<div class="flex-row align-items-center">
|
||||
<el-button size="mini" @click="handleRetry(scope.row)" v-if="scope.row.status.code !== 4">重试</el-button>
|
||||
<el-button size="mini" @click="handleCancel(scope.row)" v-if="scope.row.status.code !== 4">取消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-16">
|
||||
<el-pagination
|
||||
@size-change="getList"
|
||||
@current-change="getList"
|
||||
:current-page="queryParam.current"
|
||||
:page-size="queryParam.size"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import api from "@/services/eventTracingApi";
|
||||
export default {
|
||||
components: {
|
||||
|
||||
},
|
||||
props: {
|
||||
DialogDetail: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
queryDate: '',
|
||||
queryParam:{
|
||||
traceId:'',
|
||||
phone:'',
|
||||
beginTime:'',
|
||||
endTime:'',
|
||||
current:1,
|
||||
size:10
|
||||
},
|
||||
tableData:[],
|
||||
total:0,
|
||||
};
|
||||
},
|
||||
mounted () {
|
||||
console.log(this.DialogDetail,'this.DialogDetail.caseNo')
|
||||
if(this.DialogDetail.caseNo !=undefined && this.DialogDetail.caseNo !=''){this.queryParam.caseNo = this.DialogDetail.caseNo}
|
||||
this.queryParam.traceId = this.DialogDetail.id
|
||||
this.getList(1)
|
||||
},
|
||||
methods: {
|
||||
handleChangeDate() {
|
||||
this.activeUsage = ''
|
||||
if(this.queryDate === null) {
|
||||
this.setDateFast()
|
||||
}else {
|
||||
this.queryParam.beginTime = this.$util.getDayStart(this.queryDate[0])
|
||||
this.queryParam.endTime = this.$util.getDayEnd(this.queryDate[1])
|
||||
}
|
||||
},
|
||||
// 重置
|
||||
hanldeReset() {
|
||||
for (let key in this.queryParam) {
|
||||
this.queryParam[key] = ''
|
||||
}
|
||||
this.queryParam.current = 1
|
||||
this.queryParam.size = 10
|
||||
},
|
||||
handleSearch() {
|
||||
this.queryParam.size = 10;
|
||||
this.queryParam.current = 1;
|
||||
this.getList(1)
|
||||
},
|
||||
// 列表数据
|
||||
getList(val){
|
||||
this.queryParam.planBegin = this.queryParam.beginTime
|
||||
this.queryParam.planEnd = this.queryParam.endTime
|
||||
this.queryParam.current = val
|
||||
api.posttrace_sms_detail(this.queryParam).then(res => {
|
||||
if (!res.code) {
|
||||
this.tableData = res.records;
|
||||
this.total = res.total;
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
import caseManagement from "@/services/caseManagement";
|
||||
export default {
|
||||
components: {},
|
||||
props: {
|
||||
DialogDetail: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
queryDate: '',
|
||||
queryParam: {
|
||||
traceId: '',
|
||||
phone: '',
|
||||
beginTime: '',
|
||||
endTime: '',
|
||||
current: 1,
|
||||
size: 10
|
||||
},
|
||||
tableData: [],
|
||||
total: 0,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
console.log(this.DialogDetail, 'this.DialogDetail.caseNo')
|
||||
if (this.DialogDetail.caseNo != undefined && this.DialogDetail.caseNo != '') {
|
||||
this.queryParam.caseNo = this.DialogDetail.caseNo
|
||||
}
|
||||
this.queryParam.traceId = this.DialogDetail.id
|
||||
this.getList(1)
|
||||
},
|
||||
methods: {
|
||||
handleChangeDate() {
|
||||
this.activeUsage = ''
|
||||
if (this.queryDate === null) {
|
||||
this.setDateFast()
|
||||
} else {
|
||||
this.queryParam.beginTime = this.$util.getDayStart(this.queryDate[0])
|
||||
this.queryParam.endTime = this.$util.getDayEnd(this.queryDate[1])
|
||||
}
|
||||
},
|
||||
// 重置
|
||||
hanldeReset() {
|
||||
for (let key in this.queryParam) {
|
||||
this.queryParam[key] = ''
|
||||
}
|
||||
this.queryParam.current = 1
|
||||
this.queryParam.size = 10
|
||||
},
|
||||
handleSearch() {
|
||||
this.queryParam.size = 10;
|
||||
this.queryParam.current = 1;
|
||||
this.getList(1)
|
||||
},
|
||||
// 列表数据
|
||||
getList(val) {
|
||||
this.queryParam.planBegin = this.queryParam.beginTime
|
||||
this.queryParam.planEnd = this.queryParam.endTime
|
||||
this.queryParam.current = val
|
||||
api.posttrace_sms_detail(this.queryParam).then(res => {
|
||||
if (!res.code) {
|
||||
this.tableData = res.records;
|
||||
this.total = res.total;
|
||||
}
|
||||
})
|
||||
},
|
||||
handleRetry(row) {
|
||||
this.$confirm("确定重试?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
}).then(() => {
|
||||
if(!this.$clickThrottle()) { return }//防止重复点击
|
||||
caseManagement.smsRetry({id: row.id}).then(res => {
|
||||
this.getList(1);
|
||||
this.$message.success("成功");
|
||||
})
|
||||
}).catch(() => {});
|
||||
},
|
||||
handleCancel(row) {
|
||||
this.$confirm("确定取消?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
}).then(() => {
|
||||
if(!this.$clickThrottle()) { return }//防止重复点击
|
||||
caseManagement.smsCancel({id: row.id}).then(res => {
|
||||
this.getList(1);
|
||||
this.$message.success("成功");
|
||||
})
|
||||
}).catch(() => {});
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.dialog-content{
|
||||
padding: 16px 24px;
|
||||
max-height:500px
|
||||
.dialog-content {
|
||||
padding: 16px 24px;
|
||||
max-height: 500px
|
||||
}
|
||||
.department-wrap{
|
||||
padding: 16px 24px;
|
||||
max-height: 250px;
|
||||
.department-wrap-list{
|
||||
margin-bottom:32px;
|
||||
}
|
||||
.department-wrap-list:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.department-wrap {
|
||||
padding: 16px 24px;
|
||||
max-height: 250px;
|
||||
|
||||
.department-wrap-list {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.department-wrap-list:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.min-height350 {
|
||||
min-height: 350px;
|
||||
}
|
||||
|
||||
.department-dept ::v-deep .el-checkbox__label {
|
||||
color: $color-000000
|
||||
}
|
||||
.min-height350{min-height: 350px;}
|
||||
.department-dept ::v-deep .el-checkbox__label {color: $color-000000}
|
||||
</style>
|
||||
@ -1,117 +1,159 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="批量发送短信" :visible="true" width="600px" append-to-body :close-on-click-modal="false"
|
||||
@close="handleClose">
|
||||
<div class="dialog-content dialog-case-batch">
|
||||
<div class="pt-8">
|
||||
<div class="flex-row align-items-center justify-content-between mb-24 case-batch-num">
|
||||
<span>选中<a>{{eventTraDialog.caseids.length}}</a>个案件，系统将对您选择中案件进行批量发送短信！</span>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
<el-col :span="24">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信模板</span>
|
||||
<el-select v-model="ObjectInfo.methodId"
|
||||
placeholder="请选择还款方式"
|
||||
class="width100" @change="smsChange">
|
||||
<el-option
|
||||
v-for="item in smsOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信接收方</span>
|
||||
<el-input v-model.trim="ObjectInfo.users"
|
||||
clearable placeholder="请输入" disabled>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<div class="flex-row-center align-items-center mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">模板内容</span>
|
||||
<el-input class="mt-8" type="textarea" v-model="ObjectInfo.content" :rows="4" disabled></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
</el-collapse-transition>
|
||||
<div>
|
||||
<el-dialog title="批量发送短信" :visible="true" width="600px" :close-on-click-modal="false"
|
||||
@close="handleClose">
|
||||
<div class="dialog-content dialog-case-batch">
|
||||
<div class="pt-8">
|
||||
<div class="flex-row align-items-center justify-content-between mb-24 case-batch-num">
|
||||
<span>选中<a>{{ eventTraDialog.caseids.length }}</a>个案件，系统将对您选择中案件进行批量发送短信！</span>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
<el-col :span="24">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信模板</span>
|
||||
<el-select v-model="ObjectInfo.scene"
|
||||
placeholder="请选择还款方式"
|
||||
class="width100" @change="smsChange">
|
||||
<el-option
|
||||
v-for="item in smsOptions"
|
||||
:key="item.template"
|
||||
:label="item.template"
|
||||
:value="item.template">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-col>
|
||||
<!-- <el-col :span="24">-->
|
||||
<!-- <div class="flex-row-center align-items-center height-40 mb-24">-->
|
||||
<!-- <span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信接收方</span>-->
|
||||
<!-- <el-input v-model.trim="ObjectInfo.users"-->
|
||||
<!-- clearable placeholder="请输入" disabled>-->
|
||||
<!-- </el-input>-->
|
||||
<!-- </div>-->
|
||||
<!-- </el-col>-->
|
||||
<el-col :span="24">
|
||||
<div class="flex-row-center align-items-center mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">模板内容</span>
|
||||
<el-input class="mt-8" type="textarea" v-model="ObjectInfo.content" :rows="4" disabled></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
</el-row>
|
||||
</el-collapse-transition>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleClose()">取消</el-button>
|
||||
<el-button type="primary" @click="handleSubmit()">批量发送</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import api from "@/services/caseManagement";
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
props: {
|
||||
eventTraDialog: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
smsOptions:[{label:'案件受理通知',value:'notice',users:'由被申请方接收',content:'【${signName}】您与${applyName}的${issueType}已由我中心受理调解，后续我方将组织双方共同进行调解，请您关注后续电话或者短信通知'},
|
||||
{label:'还款计划通知',value:'repayment-plan',users:'由被申请方接收',content:'【${signName}】您与${applyName}的${issueType}经调解已经达成初步的方案及还款计划，您可以通过如下链接查看${smallProLink}。或者您也可以直接通过搜索微信小程序“保融通调解”进入“还款记录登记”模块进行查看。'}],
|
||||
ObjectInfo:{
|
||||
methodId:'notice',
|
||||
users:'',
|
||||
content:''
|
||||
},
|
||||
tableData:[],
|
||||
total:0,
|
||||
import caseManagement from "@/services/caseManagement";
|
||||
|
||||
export default {
|
||||
components: {},
|
||||
props: {
|
||||
eventTraDialog: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
smsOptions: [
|
||||
// {
|
||||
// label: '案件受理通知',
|
||||
// template: 'notice',
|
||||
// // users: '由被申请方接收',
|
||||
// content: '【${signName}】您与${applyName}的${issueType}已由我中心受理调解，后续我方将组织双方共同进行调解，请您关注后续电话或者短信通知'
|
||||
// },
|
||||
// {
|
||||
// label: '还款计划通知',
|
||||
// template: 'repayment-plan',
|
||||
// // users: '由被申请方接收',
|
||||
// content: '【${signName}】您与${applyName}的${issueType}经调解已经达成初步的方案及还款计划，您可以通过如下链接查看${smallProLink}。或者您也可以直接通过搜索微信小程序“保融通调解”进入“还款记录登记”模块进行查看。'
|
||||
// }
|
||||
],
|
||||
ObjectInfo: {
|
||||
scene: '',
|
||||
// users: '',
|
||||
content: ''
|
||||
},
|
||||
tableData: [],
|
||||
total: 0,
|
||||
|
||||
};
|
||||
},
|
||||
mounted () {
|
||||
this.smsChange()
|
||||
},
|
||||
methods: {
|
||||
smsChange(){
|
||||
let jsonData = this.smsOptions.find(item=>{
|
||||
return this.ObjectInfo.methodId == item.value
|
||||
})
|
||||
this.ObjectInfo.users = jsonData.users
|
||||
this.ObjectInfo.content = jsonData.content
|
||||
},
|
||||
handleSubmit(){
|
||||
console.log(this.eventTraDialog,'eventTraDialog')
|
||||
},
|
||||
handleClose() {
|
||||
this.$emit('update:eventTraDialog', null)
|
||||
},
|
||||
}
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getSmsTemplate();
|
||||
// this.smsChange();
|
||||
},
|
||||
methods: {
|
||||
getSmsTemplate() {
|
||||
caseManagement.getSmsTemplate().then(res => {
|
||||
if (!res.code) {
|
||||
this.smsOptions = res;
|
||||
if (res.length){
|
||||
this.ObjectInfo.scene = res[0].template;
|
||||
this.ObjectInfo.content = res[0].content;
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
smsChange() {
|
||||
let jsonData = this.smsOptions.find(item => {
|
||||
return this.ObjectInfo.scene == item.template
|
||||
})
|
||||
// this.ObjectInfo.users = jsonData.users
|
||||
this.ObjectInfo.content = jsonData.content
|
||||
},
|
||||
handleSubmit() {
|
||||
// console.log(this.eventTraDialog, 'eventTraDialog')
|
||||
if (!this.ObjectInfo.scene){
|
||||
this.$message.warning("请选择短信模板！");
|
||||
return
|
||||
}
|
||||
if(!this.$clickThrottle()) { return }//防止重复点击
|
||||
let caseIdList = this.eventTraDialog.caseids;
|
||||
caseManagement.smsBatchSend({...this.ObjectInfo, caseIdList: caseIdList}).then(res => {
|
||||
this.$parent.getCaseInfoList(1)
|
||||
this.handleClose()
|
||||
this.$message.success("发送成功");
|
||||
})
|
||||
},
|
||||
handleClose() {
|
||||
this.$emit('update:eventTraDialog', null)
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.dialog-case-batch{
|
||||
padding: 16px 30px;
|
||||
max-height:500px;
|
||||
.tabs__search-criteria-title{
|
||||
width: 100px;
|
||||
.dialog-case-batch {
|
||||
padding: 16px 30px;
|
||||
max-height: 500px;
|
||||
|
||||
.tabs__search-criteria-title {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.case-batch-num {
|
||||
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||
padding: 15px 20px;
|
||||
border-radius: 4px;
|
||||
|
||||
a {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #C66A5B;
|
||||
}
|
||||
.case-batch-num{
|
||||
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||
padding: 15px 20px;
|
||||
border-radius: 4px;
|
||||
a{font-size: 16px;font-weight: 500;color: #C66A5B;}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
@ -1,107 +1,133 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="批量文书送达" :visible="true" width="600px" append-to-body :close-on-click-modal="false"
|
||||
@close="handleClose">
|
||||
<div class="dialog-content dialog-office-batch">
|
||||
<div class="pt-8">
|
||||
<div class="flex-row align-items-center justify-content-between mb-16 case-batch-num">
|
||||
<span>选中<a>{{eventTraDialog.caseids.length}}</a>个案件，系统将对您选择的案件进行批量电子短信送达！</span>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
<el-col :span="24">
|
||||
<div class="flex-row-center align-items-center height-40 mb-8">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16 f18">选择文书类型（多选）</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<div class="mb-24 officelist">
|
||||
<el-checkbox-group v-model="ObjectInfo.methodIds">
|
||||
<el-checkbox border v-for="(item,index) in officeOptions" :label="item.label" :key="index" ></el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
</el-collapse-transition>
|
||||
<div>
|
||||
<el-dialog title="批量文书送达" :visible="true" width="600px" append-to-body :close-on-click-modal="false"
|
||||
@close="handleClose">
|
||||
<div class="dialog-content dialog-office-batch">
|
||||
<div class="pt-8">
|
||||
<div class="flex-row align-items-center justify-content-between mb-16 case-batch-num">
|
||||
<span>选中<a>{{ eventTraDialog.caseids.length }}</a>个案件，系统将对您选择的案件进行批量电子短信送达！</span>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
<el-col :span="24">
|
||||
<div class="flex-row-center align-items-center height-40 mb-8">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16 f18">选择文书类型（多选）</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<div class="mb-24 officelist">
|
||||
<el-checkbox-group v-model="ObjectInfo.documentTypes">
|
||||
<el-checkbox border v-for="(item,index) in officeOptions" :label="item.value"
|
||||
:key="index">{{item.label}}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
</el-row>
|
||||
</el-collapse-transition>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleClose()">取消</el-button>
|
||||
<el-button type="primary" @click="handleSubmit()">批量送达</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import api from "@/services/caseManagement";
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
props: {
|
||||
eventTraDialog: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
officeOptions:[{label:'调解告知书',value:'1'},{label:'调解申请书',value:'2'},
|
||||
{label:'送达地址确认书',value:'3'},{label:'调解笔录',value:'4'},{label:'调解协议',value:'5'}],
|
||||
ObjectInfo:{
|
||||
methodIds:['调解告知书','调解申请书','送达地址确认书','调解笔录','调解协议'],
|
||||
users:'',
|
||||
content:''
|
||||
},
|
||||
tableData:[],
|
||||
total:0,
|
||||
import caseManagement from "@/services/caseManagement";
|
||||
|
||||
};
|
||||
},
|
||||
mounted () {
|
||||
|
||||
},
|
||||
methods: {
|
||||
smsChange(){
|
||||
let jsonData = this.smsOptions.find(item=>{
|
||||
return this.ObjectInfo.methodId == item.value
|
||||
})
|
||||
this.ObjectInfo.users = jsonData.users
|
||||
this.ObjectInfo.content = jsonData.content
|
||||
},
|
||||
|
||||
handleClose() {
|
||||
this.$emit('update:eventTraDialog', null)
|
||||
},
|
||||
}
|
||||
export default {
|
||||
components: {},
|
||||
props: {
|
||||
eventTraDialog: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
officeOptions: [
|
||||
{label: '调解告知书', value: 'MEDIATE_NOTE'},
|
||||
{label: '调解申请书', value: 'MEDIATE_APPLICATION'},
|
||||
{label: '调解询问笔录', value: 'MEDIATE_RECORD'},
|
||||
{label: '调解协议', value: 'MEDIATE_AGREEMENT'},
|
||||
{label: '司法申请书', value: 'JUDICATURE_APPLICATION'},
|
||||
{label: '司法承诺书', value: 'JUDICATURE_PROMISE'},
|
||||
{label: '送达地址确认书', value: 'CONFIRMATION_OF_ADDRESS'},
|
||||
{label: '身份识别报告', value: 'VERIFY_IDD'}
|
||||
],
|
||||
ObjectInfo: {
|
||||
documentTypes: ['MEDIATE_NOTE', 'MEDIATE_APPLICATION', 'MEDIATE_RECORD', 'MEDIATE_AGREEMENT',
|
||||
'JUDICATURE_APPLICATION', 'JUDICATURE_PROMISE' , 'CONFIRMATION_OF_ADDRESS', 'VERIFY_IDD'],
|
||||
servedType: 'SMS'
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// smsChange() {
|
||||
// let jsonData = this.smsOptions.find(item => {
|
||||
// return this.ObjectInfo.methodId == item.value
|
||||
// })
|
||||
// this.ObjectInfo.users = jsonData.users
|
||||
// this.ObjectInfo.content = jsonData.content
|
||||
// },
|
||||
handleSubmit() {
|
||||
if (!this.ObjectInfo.documentTypes.length){
|
||||
this.$message.warning("请选择文书类型！");
|
||||
return
|
||||
}
|
||||
if(!this.$clickThrottle()) { return }//防止重复点击
|
||||
let caseIdList = this.eventTraDialog.caseids;
|
||||
caseManagement.traceServedBatchCreate({...this.ObjectInfo, caseIdList: caseIdList}).then(res => {
|
||||
this.$parent.getCaseInfoList(1)
|
||||
this.handleClose()
|
||||
this.$message.success("发送成功");
|
||||
})
|
||||
},
|
||||
handleClose() {
|
||||
this.$emit('update:eventTraDialog', null)
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.dialog-office-batch{
|
||||
padding: 16px 30px;
|
||||
max-height:500px;
|
||||
.tabs__search-criteria-title{
|
||||
width: 100%;
|
||||
.dialog-office-batch {
|
||||
padding: 16px 30px;
|
||||
max-height: 500px;
|
||||
|
||||
.tabs__search-criteria-title {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.case-batch-num {
|
||||
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||
padding: 15px 20px;
|
||||
border-radius: 4px;
|
||||
|
||||
a {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #C66A5B;
|
||||
}
|
||||
.case-batch-num{
|
||||
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||
padding: 15px 20px;
|
||||
border-radius: 4px;
|
||||
a{font-size: 16px;font-weight: 500;color: #C66A5B;}
|
||||
}
|
||||
|
||||
.officelist {
|
||||
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||
padding: 20px 20px;
|
||||
|
||||
.el-checkbox {
|
||||
width: 230px;
|
||||
margin: 10px;
|
||||
}
|
||||
.officelist{
|
||||
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||
padding: 20px 20px;
|
||||
.el-checkbox
|
||||
{
|
||||
width: 230px;
|
||||
margin: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
@ -138,10 +138,43 @@ const caseManagementApi = {
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// 短信模板
|
||||
getSmsTemplate: data => {
|
||||
return service.service.get(`${apiAdmin}api/trace/sms/template`, data)
|
||||
},
|
||||
// 发送短信
|
||||
smsSend: data => {
|
||||
return service.service.post(`${apiAdmin}api/trace/sms/send`, data)
|
||||
},
|
||||
// 重试
|
||||
smsRetry: data => {
|
||||
return service.service.post(`${apiAdmin}api/trace/sms/retry`, data)
|
||||
},
|
||||
// 取消
|
||||
smsCancel: data => {
|
||||
return service.service.post(`${apiAdmin}api/trace/sms/cancel`, data)
|
||||
},
|
||||
// 批量发送短信
|
||||
smsBatchSend: data => {
|
||||
return service.service.post(`${apiAdmin}api/trace/sms/batch-send`, data)
|
||||
},
|
||||
|
||||
// 发起-文书送达
|
||||
traceServedCreate: data => {
|
||||
return service.service.post(`${apiAdmin}api/trace/traceServed/create`, data)
|
||||
},
|
||||
// 批量发起-文书送达
|
||||
traceServedBatchCreate: data => {
|
||||
return service.service.post(`${apiAdmin}api/trace/traceServed/batch-create`, data)
|
||||
},
|
||||
// 取消
|
||||
traceServedBatchCancel: data => {
|
||||
return service.service.post(`${apiAdmin}api/trace/traceServed/cancel`, data)
|
||||
},
|
||||
// 重试
|
||||
traceServedBatchRetry: data => {
|
||||
return service.service.post(`${apiAdmin}api/trace/traceServed/retry`, data)
|
||||
},
|
||||
|
||||
//========================end::案件管理======================================
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user