UI方面
This commit is contained in:
parent
cb54b45446
commit
b7caade18c
@ -64,7 +64,7 @@
|
|||||||
<el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="entrustingAgencyName" label="案件编号" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="entrustingAgencyName" label="案件编号" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="channel" label="短信模板" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="channel" label="短信模板" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="channel" label="发送对象" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="channel" label="短信接收对象" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="channel" label="记录数量" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="channel" label="记录数量" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="channel" label="发送成功" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="channel" label="发送成功" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="channel" label="发送失败" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="channel" label="发送失败" show-overflow-tooltip ></el-table-column>
|
||||||
|
|||||||
@ -64,7 +64,7 @@
|
|||||||
<el-table-column prop="channel" label="短信模板" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="channel" label="短信模板" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="channel" label="短信接收人" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="channel" label="短信接收人" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="channel" label="电话号码" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="channel" label="电话号码" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="channel" label="案件地位" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="channel" label="短信接收对象" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="channel" label="发送状态" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="channel" label="发送状态" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="channel" label="失败原因" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="channel" label="失败原因" show-overflow-tooltip ></el-table-column>
|
||||||
<el-table-column prop="channel" label="操作人" show-overflow-tooltip ></el-table-column>
|
<el-table-column prop="channel" label="操作人" show-overflow-tooltip ></el-table-column>
|
||||||
|
|||||||
115
src/pages/mediation-management/components/batchSMSDialog.vue
Normal file
115
src/pages/mediation-management/components/batchSMSDialog.vue
Normal file
@ -0,0 +1,115 @@
|
|||||||
|
<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>
|
||||||
|
|
||||||
|
</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>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import api from "@/services/caseManagement";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
eventTraDialog: {
|
||||||
|
type: Object,
|
||||||
|
default: () => {
|
||||||
|
return {}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
smsOptions:[{label:'案件受理通知',value:'1',users:'由被申请方接收',content:'【${signName}】您与${applyName}的${issueType}已由我中心受理调解,后续我方将组织双方共同进行调解,请您关注后续电话或者短信通知'},
|
||||||
|
{label:'还款计划通知',value:'2',users:'由被申请方接收',content:'【${signName}】您与${applyName}的${issueType}经调解已经达成初步的方案及还款计划,您可以通过如下链接查看${smallProLink}。或者您也可以直接通过搜索微信小程序“保融通调解”进入“还款记录登记”模块进行查看。'}],
|
||||||
|
ObjectInfo:{
|
||||||
|
methodId:'',
|
||||||
|
users:'',
|
||||||
|
content:''
|
||||||
|
},
|
||||||
|
tableData:[],
|
||||||
|
total:0,
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
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)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.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;}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,107 @@
|
|||||||
|
<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>
|
||||||
|
|
||||||
|
</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>
|
||||||
|
</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,
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
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)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.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;}
|
||||||
|
}
|
||||||
|
.officelist{
|
||||||
|
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||||
|
padding: 20px 20px;
|
||||||
|
.el-checkbox
|
||||||
|
{
|
||||||
|
width: 230px;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
109
src/pages/mediation-management/components/batchofficeDialog.vue
Normal file
109
src/pages/mediation-management/components/batchofficeDialog.vue
Normal file
@ -0,0 +1,109 @@
|
|||||||
|
<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>
|
||||||
|
|
||||||
|
</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>
|
||||||
|
</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,
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
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)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.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;}
|
||||||
|
}
|
||||||
|
.officelist{
|
||||||
|
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||||
|
padding: 20px 20px;
|
||||||
|
.el-checkbox
|
||||||
|
{
|
||||||
|
width: 230px;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,110 @@
|
|||||||
|
<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-radio-group v-model="ObjectInfo.delivery">
|
||||||
|
<el-radio label="1" border>自动送达</el-radio>
|
||||||
|
<el-radio label="2" border>不自动送达(可单独发起送达)</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
|
||||||
|
</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>
|
||||||
|
</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,
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
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)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.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;}
|
||||||
|
}
|
||||||
|
.officelist{
|
||||||
|
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||||
|
padding: 20px 20px;
|
||||||
|
.el-radio
|
||||||
|
{
|
||||||
|
width: 230px;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
122
src/pages/mediation-management/components/batchofficeWDialog.vue
Normal file
122
src/pages/mediation-management/components/batchofficeWDialog.vue
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
<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-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" style="width:100px">签字有效时间</span>
|
||||||
|
<el-select v-model="ObjectInfo.methodId"
|
||||||
|
placeholder="请选择签字有效期限" class="width100">
|
||||||
|
<el-option label="1天" value="1"></el-option>
|
||||||
|
<el-option label="2天" value="2"></el-option>
|
||||||
|
<el-option label="3天" value="3"></el-option>
|
||||||
|
<el-option label="4天" value="4"></el-option>
|
||||||
|
<el-option label="5天" value="5"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
|
||||||
|
</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>
|
||||||
|
</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,
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
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)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.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;}
|
||||||
|
}
|
||||||
|
.officelist{
|
||||||
|
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||||
|
padding: 20px 20px;
|
||||||
|
.el-checkbox
|
||||||
|
{
|
||||||
|
width: 230px;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -182,6 +182,22 @@
|
|||||||
</el-input>
|
</el-input>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
<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-select v-model="queryParam.FollowStatus"
|
||||||
|
clearable placeholder="请选择跟进状态"
|
||||||
|
@keydown.enter.native="handleSearch"
|
||||||
|
class="width100">
|
||||||
|
<el-option
|
||||||
|
v-for="item in FollowStatusEnum"
|
||||||
|
:key="item.label"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row :gutter="56">
|
<el-row :gutter="56">
|
||||||
<el-col :span="18">
|
<el-col :span="18">
|
||||||
@ -219,12 +235,12 @@
|
|||||||
<div class="f22 color-text-primary">案件列表</div>
|
<div class="f22 color-text-primary">案件列表</div>
|
||||||
<div class="flex-row">
|
<div class="flex-row">
|
||||||
<el-button size="small" @click="handleAddForm">案件办结</el-button>
|
<el-button size="small" @click="handleAddForm">案件办结</el-button>
|
||||||
<el-button size="small" @click="handleAddForm">发送短信</el-button>
|
<el-button size="small" @click="handleSMSSend">发送短信</el-button>
|
||||||
<el-button size="small" @click="handleAddForm">智能外呼</el-button>
|
<el-button size="small" @click="handleAddForm">智能外呼</el-button>
|
||||||
<el-button size="small" @click="handleAddForm">文书生成</el-button>
|
<el-button size="small" @click="handleOffice">文书生成</el-button>
|
||||||
<el-button size="small" @click="handleAddForm">发起签字</el-button>
|
<el-button size="small" @click="handleOfficeWrite">发起签字</el-button>
|
||||||
<el-button size="small" @click="handleAddForm">发起签章</el-button>
|
<el-button size="small" @click="handleOfficeSeal">发起签章</el-button>
|
||||||
<el-button size="small" @click="handleAddForm">文书送达</el-button>
|
<el-button size="small" @click="handleOfficeDelivery">文书送达</el-button>
|
||||||
<el-button size="small" @click="handleCaseAllocation">案件下载</el-button>
|
<el-button size="small" @click="handleCaseAllocation">案件下载</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -358,6 +374,16 @@
|
|||||||
|
|
||||||
<!-- 各种案件追踪记录 -->
|
<!-- 各种案件追踪记录 -->
|
||||||
<CaseTraceDialog v-if="CaseTraceDialog" :eventTraDialog.sync="CaseTraceDialog" />
|
<CaseTraceDialog v-if="CaseTraceDialog" :eventTraDialog.sync="CaseTraceDialog" />
|
||||||
|
<!-- 批量发送短信 -->
|
||||||
|
<batchSMSDialog v-if="smsIdsDialog" :eventTraDialog.sync="smsIdsDialog" />
|
||||||
|
<!-- 批量文书生成 -->
|
||||||
|
<batchofficeDialog v-if="officeIdsDialog" :eventTraDialog.sync="officeIdsDialog" />
|
||||||
|
<!-- 批量文书签字 -->
|
||||||
|
<batchofficeWDialog v-if="officeWriteIdsDialog" :eventTraDialog.sync="officeWriteIdsDialog" />
|
||||||
|
<!-- 批量文书签章 -->
|
||||||
|
<batchofficeSealDialog v-if="officeSealIdsDialog" :eventTraDialog.sync="officeSealIdsDialog" />
|
||||||
|
<!-- 批量文书签章 -->
|
||||||
|
<batchofficeDeliveryDialog v-if="officeDeliveryIdsDialog" :eventTraDialog.sync="officeDeliveryIdsDialog" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@ -368,9 +394,19 @@ import { values } from "lodash";
|
|||||||
// addCaseDialog: () => import('./components/addCaseDialog'),//新增
|
// addCaseDialog: () => import('./components/addCaseDialog'),//新增
|
||||||
// editCaseDrawer: () => import('./components/editCaseDrawer'),//编辑
|
// editCaseDrawer: () => import('./components/editCaseDrawer'),//编辑
|
||||||
CaseTraceDialog: () => import('../case-management/components/CaseTraceDialog.vue'),//各种案件追踪记录
|
CaseTraceDialog: () => import('../case-management/components/CaseTraceDialog.vue'),//各种案件追踪记录
|
||||||
|
batchSMSDialog: () => import('./components/batchSMSDialog'),//批量发送短信
|
||||||
|
batchofficeDialog: () => import('./components/batchofficeDialog'),//批量文书生成
|
||||||
|
batchofficeWDialog: () => import('./components/batchofficeWDialog'),//批量文书签字
|
||||||
|
batchofficeSealDialog: () => import('./components/batchofficeSealDialog'),//批量文书签章
|
||||||
|
batchofficeDeliveryDialog: () => import('./components/batchofficeDeliveryDialog'),//批量文书送达
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
officeDeliveryIdsDialog:null,//批量文书送达
|
||||||
|
officeSealIdsDialog:null,//批量文书签章
|
||||||
|
officeWriteIdsDialog:null,//批量文书签字
|
||||||
|
smsIdsDialog:null,//批量发送短信
|
||||||
|
officeIdsDialog:null,//批量文书生成
|
||||||
isCheck: false,//全选按钮绑定值
|
isCheck: false,//全选按钮绑定值
|
||||||
indeterminate: false,//全选按钮的不确定状态,选中数据selectionData的长度length符合 0 < selectionData.length < enabledDataList.length ,值为true
|
indeterminate: false,//全选按钮的不确定状态,选中数据selectionData的长度length符合 0 < selectionData.length < enabledDataList.length ,值为true
|
||||||
selectionData: [],//表格多选选中的数据
|
selectionData: [],//表格多选选中的数据
|
||||||
@ -389,6 +425,8 @@ import { values } from "lodash";
|
|||||||
//调解状态
|
//调解状态
|
||||||
MediateStatusEnum:[{label:'未触达',value:0},{label:'调解中',value:1},{label:'已达成方案',value:2},
|
MediateStatusEnum:[{label:'未触达',value:0},{label:'调解中',value:1},{label:'已达成方案',value:2},
|
||||||
{label:'已签署协议',value:3},{label:'调解失败',value:4},{label:'调解成功',value:5}],
|
{label:'已签署协议',value:3},{label:'调解失败',value:4},{label:'调解成功',value:5}],
|
||||||
|
FollowStatusEnum:[{label:'今日待跟进案件',value:1},{label:'超3天未跟进案件',value:3},{label:'超5天未跟进案件',value:5},
|
||||||
|
{label:'新案未跟进案件',value:0}],
|
||||||
showSearch: true,
|
showSearch: true,
|
||||||
queryDate: '',
|
queryDate: '',
|
||||||
activeUsage: '',
|
activeUsage: '',
|
||||||
@ -468,6 +506,21 @@ import { values } from "lodash";
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
handleOfficeDelivery(){
|
||||||
|
this.officeDeliveryIdsDialog={titile:'批量文书送达',caseids:this.selectionData}
|
||||||
|
},
|
||||||
|
handleOfficeSeal(){
|
||||||
|
this.officeSealIdsDialog={titile:'批量文书签章',caseids:this.selectionData}
|
||||||
|
},
|
||||||
|
handleOfficeWrite(){
|
||||||
|
this.officeWriteIdsDialog={titile:'批量文书签字',caseids:this.selectionData}
|
||||||
|
},
|
||||||
|
handleOffice(){
|
||||||
|
this.officeIdsDialog={titile:'批量文书生成',caseids:this.selectionData}
|
||||||
|
},
|
||||||
|
handleSMSSend(){
|
||||||
|
this.smsIdsDialog={titile:'批量发送短信',caseids:this.selectionData}
|
||||||
|
},
|
||||||
// tab切换
|
// tab切换
|
||||||
handleTabClick(tab){
|
handleTabClick(tab){
|
||||||
if(tab.name == 'mediate'){
|
if(tab.name == 'mediate'){
|
||||||
@ -493,6 +546,7 @@ import { values } from "lodash";
|
|||||||
|
|
||||||
this.selectionData = value ? this.enabledDataList.map(el=>el.id) : [];
|
this.selectionData = value ? this.enabledDataList.map(el=>el.id) : [];
|
||||||
this.indeterminate = false;
|
this.indeterminate = false;
|
||||||
|
console.log(this.selectionData,'his.selectionData')
|
||||||
},
|
},
|
||||||
|
|
||||||
// 导入
|
// 导入
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user