|
|
|
@ -140,64 +140,64 @@ |
|
|
|
</div> |
|
|
|
<van-popup round v-model="show" close-icon-position="top-left" position="bottom" :style="{ height: '50%' }"> |
|
|
|
<van-cell-group> |
|
|
|
<van-cell is-link> |
|
|
|
<div class="flex flex-x" > |
|
|
|
<span>办理状态</span> |
|
|
|
<div @click="showPicker1()" style="padding-left: 20px;" >{{ stutasName }}</div> |
|
|
|
<van-field readonly is-link v-model="stutasName" label="办理状态" placeholder="请选择证件类型" |
|
|
|
@click="showPicker = true" /> |
|
|
|
<van-action-sheet v-if="showPicker" v-model="show" :actions="actions" @select="onSelect" /> |
|
|
|
<div class="textarea"> |
|
|
|
<van-field type="textarea" v-model="content" label="办理情况" placeholder="请输入内容" rows="2" autosize |
|
|
|
show-word-limit required /> |
|
|
|
</div> |
|
|
|
</van-cell> |
|
|
|
<van-cell > |
|
|
|
<div class="flex flex-y" > |
|
|
|
<span style=" white-space: nowrap;">办理情况</span> |
|
|
|
<input class="inpit" type="text" v-model="operationType" placeholder="请输入内容"> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</van-cell> |
|
|
|
<van-cell> |
|
|
|
<div class="flex flex-y"is-link > |
|
|
|
<div class="flex" is-link> |
|
|
|
<span style=" white-space: nowrap;">上传录音</span> |
|
|
|
</div> |
|
|
|
</van-cell> |
|
|
|
<van-cell> |
|
|
|
<div class="flex "is-link > |
|
|
|
<span style=" white-space: nowrap;">答复人</span> |
|
|
|
<input v-model="operationType" placeholder="请输入内容" class="input1" > |
|
|
|
</div> |
|
|
|
</van-cell> |
|
|
|
<van-cell> |
|
|
|
<div class="flex "is-link > |
|
|
|
<span style=" white-space: nowrap;">答复电话</span> |
|
|
|
<input v-model="operationType" placeholder="请输入内容" class="input1" > |
|
|
|
</div> |
|
|
|
</van-cell> |
|
|
|
<van-cell> |
|
|
|
<div class="flex "is-link > |
|
|
|
<span style=" white-space: nowrap;">联系人</span> |
|
|
|
<input v-model="operationType" placeholder="请输入内容" class="input1" > |
|
|
|
</div> |
|
|
|
</van-cell> |
|
|
|
<van-cell> |
|
|
|
<div class="flex "is-link > |
|
|
|
<span style=" white-space: nowrap;">联系电话</span> |
|
|
|
<input v-model="operationType" placeholder="请输入内容" class="input1" > |
|
|
|
</div> |
|
|
|
<van-cell title="上传图片"> |
|
|
|
<template #label> |
|
|
|
<van-uploader v-model="pictureList" :after-read="afterRead1" :max-count="3" |
|
|
|
:max-size="10 * 1024 * 1024" /> |
|
|
|
</template> |
|
|
|
</van-cell> |
|
|
|
<van-cell is-link> |
|
|
|
<div class="flex flex-x" > |
|
|
|
<span>填报不合规诉求</span> |
|
|
|
<div @click="showPicker1()" style="padding-left: 20px;" >{{ stutasName }}</div> |
|
|
|
<van-action-sheet v-if="showPicker" v-model="show" :actions="actions" @select="onSelect" /> |
|
|
|
</div> |
|
|
|
</van-cell> |
|
|
|
<van-cell is-link> |
|
|
|
<div class="flex flex-x" > |
|
|
|
<span>办理真实度</span> |
|
|
|
<div @click="showPicker1()" style="padding-left: 20px;" >{{ stutasName }}</div> |
|
|
|
<van-action-sheet v-if="showPicker" v-model="show" :actions="actions" @select="onSelect" /> |
|
|
|
<van-field v-model="respondent" label="答复人" placeholder="请输入" /> |
|
|
|
<van-field v-model="respondentPhone" label="答复电话" placeholder="请输入" /> |
|
|
|
<van-field v-model="contacts" label="联系人" placeholder="请输入" /> |
|
|
|
<van-field v-model="contactsPhone" label="联系电话" placeholder="请输入" /> |
|
|
|
<van-field readonly is-link v-model="irregularityName" label="填报不合规诉求" placeholder="请选择" |
|
|
|
@click="showunreasonable = true" /> |
|
|
|
<van-action-sheet v-if="showunreasonable" v-model="irregularity" :actions="unreasonable" |
|
|
|
@select="onirregularity" /> |
|
|
|
<van-field readonly is-link v-model="irregularityname" label="办理真实度" placeholder="请选择" required |
|
|
|
@click="showreal = true" /> |
|
|
|
<van-action-sheet v-if="showreal" v-model="verified" :actions="realList" @select="onreal" /> |
|
|
|
<van-field v-if="operationType=='11'" v-model="returnVisitor" label="回访人" placeholder="请输入" /> |
|
|
|
<van-field v-if="operationType=='11'" readonly is-link v-model="returnTime" label="回访时间" placeholder="请选择" |
|
|
|
@click="showtime = true" /> |
|
|
|
<van-datetime-picker v-if="showtime" v-model="returnTime" type="datetime" :min-date="minDate" |
|
|
|
:max-date="maxDate" /> |
|
|
|
<van-field v-if="operationType=='11'" readonly is-link v-model="loseContactName" label="联系当事人" placeholder="请选择" required |
|
|
|
@click="showloseContact = true" /> |
|
|
|
<van-action-sheet v-if="showloseContact" v-model="loseContact" :actions="loseContactList" |
|
|
|
@select="onloseContact" /> |
|
|
|
<van-field v-if="operationType=='11'" readonly is-link v-model="putThroughName" label="未接通电话" placeholder="请选择" required |
|
|
|
@click="showputThrough = true" /> |
|
|
|
<van-action-sheet v-if="showputThrough" v-model="putThrough" :actions="putThroughList" |
|
|
|
@select="onputThrough" /> |
|
|
|
<van-field v-if="operationType=='11'" readonly is-link v-model="cooperateName" label="是否配合回访" placeholder="请选择" required |
|
|
|
@click="showcooperate = true" /> |
|
|
|
<van-action-sheet v-if="showcooperate" v-model="cooperate" :actions="cooperateList" |
|
|
|
@select="oncooperate" /> |
|
|
|
<van-field v-if="operationType=='11'" readonly is-link v-model="satisfactionName" label="服务都满意度" placeholder="请选择" required |
|
|
|
@click="showsatisfaction = true" /> |
|
|
|
<van-action-sheet v-if="showsatisfaction" v-model="satisfaction" :actions="satisfactionList" |
|
|
|
@select="onsatisfaction" /> |
|
|
|
<van-field v-if="operationType=='11'" readonly is-link v-model="dissatisfyReasonName" label="不满意原因" placeholder="请选择" required |
|
|
|
@click="showdissatisfyReason = true" /> |
|
|
|
<van-action-sheet v-if="showsdissatisfyReason" v-model="dissatisfyReason" |
|
|
|
:actions="dissatisfyReasonList" @select="onshowdissatisfyReason" /> |
|
|
|
<div class="textarea"> |
|
|
|
<van-field v-if="operationType=='11'" type="textarea" v-model="visitComments" label="回访意见" placeholder="请输入内容" rows="2" |
|
|
|
autosize show-word-limit required /> |
|
|
|
</div> |
|
|
|
</van-cell> |
|
|
|
</van-cell-group> |
|
|
|
<div class="flex flex-x flex-mean" style="margin-top: 10px;"> |
|
|
|
<van-button style="width: 30%;" round type="info" @click="cancel">取消</van-button> |
|
|
|
@ -217,6 +217,24 @@ import Card from './Card.vue'; |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
showsdissatisfyReason:false, |
|
|
|
dissatisfyReasonName:"", |
|
|
|
showsatisfaction:false, |
|
|
|
satisfactionName:"", |
|
|
|
showcooperate:false, |
|
|
|
cooperateName:"", |
|
|
|
showputThrough:false, |
|
|
|
putThroughName:"", |
|
|
|
showloseContact:false, |
|
|
|
loseContactName:"", |
|
|
|
showtime:false, |
|
|
|
irregularityname:"", |
|
|
|
showreal:false, |
|
|
|
showdissatisfyReason:false, |
|
|
|
irregularityName:"", |
|
|
|
showunreasonable:false, |
|
|
|
fileList:[], |
|
|
|
pictureList:[], |
|
|
|
showPicker:false, |
|
|
|
stutasName:"办理中", |
|
|
|
show:false, |
|
|
|
@ -230,13 +248,66 @@ export default { |
|
|
|
tableData:{}, |
|
|
|
afterList:[], |
|
|
|
actions: [ |
|
|
|
{ name: '未联系当事人' }, |
|
|
|
{ name: '已联系当事人' }, |
|
|
|
{ name: '办理中' }, |
|
|
|
{ name: '已办结待审核' }, |
|
|
|
{ name: '已审核归档' }, |
|
|
|
] |
|
|
|
|
|
|
|
{ name: '已联系当事人', value: "9" }, |
|
|
|
{ name: '办理中', value: "10" }, |
|
|
|
{ name: '已办结', value: "11" }, |
|
|
|
], |
|
|
|
unreasonable: [ |
|
|
|
{ name: '是', value: "0" }, |
|
|
|
{ name: '否', value: "1" }, |
|
|
|
], |
|
|
|
dissatisfyReasonList: [ |
|
|
|
{ name: '未回复', value: "0" }, |
|
|
|
{ name: '服务态度差', value: "1" }, |
|
|
|
{ name: '推诿扯皮', value: "2" }, |
|
|
|
{ name: '处理不及时', value: "3" }, |
|
|
|
{ name: '其他', value: "4" }, |
|
|
|
], |
|
|
|
realList:[ |
|
|
|
{ name: '属实', value: "0" }, |
|
|
|
{ name: '不属实', value: "1" }, |
|
|
|
], |
|
|
|
loseContactList:[ |
|
|
|
{ name: '已联系', value: "0" }, |
|
|
|
{ name: '未取得联系', value: "1" }, |
|
|
|
], |
|
|
|
putThroughList:[ |
|
|
|
{ name: '接通', value: "0" }, |
|
|
|
{ name: '未接通', value: "1" }, |
|
|
|
], |
|
|
|
cooperateList:[ |
|
|
|
{ name: '配合', value: "0" }, |
|
|
|
{ name: '不配合', value: "1" }, |
|
|
|
], |
|
|
|
satisfactionList:[ |
|
|
|
{ name: '满意', value: "0" }, |
|
|
|
{ name: '非常满意', value: "1" }, |
|
|
|
{ name: '不满意', value: "2" }, |
|
|
|
], |
|
|
|
examineList:[ |
|
|
|
{ name: '通过', value: "0" }, |
|
|
|
{ name: '不通过', value: "1" }, |
|
|
|
], |
|
|
|
operationType: "", //处理方式[11已办结,10办理中,9联系当事人] |
|
|
|
content: '',//办理情况 |
|
|
|
files: [],//附件 |
|
|
|
respondent: '',//答复人 |
|
|
|
respondentPhone: '',//答复人电话 |
|
|
|
contacts: '',//联系人 |
|
|
|
contactsPhone: '',//联系人电话 |
|
|
|
irregularity: '',//填报不合规诉求 0：是 1：否 |
|
|
|
//不合规诉求类型 |
|
|
|
verified: '', //办理真实度是否属实 0：属实 1：不属实 |
|
|
|
returnVisitor: '',//回访人 |
|
|
|
returnTime: '',//回访时间 |
|
|
|
loseContact: '',//联系当事人0：已联系 1：未取得联系 |
|
|
|
putThrough: '',//接通电话 0：接通 1：未接通 |
|
|
|
cooperate: '',//是否配合回访0：配合 1：不配合 |
|
|
|
satisfaction: '',//0：满意 1：非常满意 2：不满意 |
|
|
|
dissatisfyReason: '',//不满意原因 |
|
|
|
visitComments: '',//回访意见 |
|
|
|
examine: null,//审核结果 |
|
|
|
examineContent: ''//审核说明 |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
@ -254,6 +325,33 @@ export default { |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
oncooperate(item){ |
|
|
|
this.cooperateName=item.name |
|
|
|
this.cooperate=item.value |
|
|
|
this.showcooperate=false |
|
|
|
}, |
|
|
|
onsatisfaction(item){ |
|
|
|
this.satisfactionName=item.name |
|
|
|
this.satisfaction=item.value |
|
|
|
this.showsatisfaction=false |
|
|
|
}, |
|
|
|
onputThrough(item){ |
|
|
|
console.log(item); |
|
|
|
this.putThroughName=item.name |
|
|
|
this.putThrough=item.value |
|
|
|
this.showputThrough=false |
|
|
|
}, |
|
|
|
onreal(item){ |
|
|
|
this.irregularityname=item.name |
|
|
|
this.verified=item.value |
|
|
|
this.showreal=false |
|
|
|
}, |
|
|
|
onloseContact(item){ |
|
|
|
this.loseContact=item.value |
|
|
|
this.loseContactName=item.name |
|
|
|
this.showloseContact=false |
|
|
|
}, |
|
|
|
//获取事件 |
|
|
|
async icEventList() { |
|
|
|
await icEventList({ |
|
|
|
@ -306,25 +404,68 @@ export default { |
|
|
|
onSelect(item){ |
|
|
|
console.log(item); |
|
|
|
this.stutasName=item.name |
|
|
|
this.operationType=item.value |
|
|
|
this.showPicker=false |
|
|
|
}, |
|
|
|
ondissatisfyReason(item){ |
|
|
|
console.log(item); |
|
|
|
this.dissatisfyReasonName=item.name |
|
|
|
this.dissatisfyReason=item.value |
|
|
|
}, |
|
|
|
onirregularity(item){ |
|
|
|
console.log(item); |
|
|
|
this.irregularityName=item.name |
|
|
|
this.irregularity=item.value |
|
|
|
this.showunreasonable=false |
|
|
|
}, |
|
|
|
cancel(){ |
|
|
|
console.log("dslkjksdf"); |
|
|
|
this.show=false |
|
|
|
}, |
|
|
|
async onreply(){ |
|
|
|
await icEventList({ |
|
|
|
pageNo: this.pageNo, |
|
|
|
pageSize: this.pageSize, |
|
|
|
await reply({ |
|
|
|
operationType:this.operationType, //处理方式[11已办结,10办理中,9联系当事人] |
|
|
|
content: this.content,//办理情况 |
|
|
|
files: this.pictureList,//附件 |
|
|
|
respondent: this.respondent,//答复人 |
|
|
|
respondentPhone: this.respondentPhone,//答复人电话 |
|
|
|
contacts: this.contacts,//联系人 |
|
|
|
contactsPhone: this.contactsPhone,//联系人电话 |
|
|
|
irregularity: this.irregularity,//填报不合规诉求 0：是 1：否 |
|
|
|
//不合规诉求类型 |
|
|
|
verified: this.verified, //办理真实度是否属实 0：属实 1：不属实 |
|
|
|
returnVisitor: this.returnVisitor,//回访人 |
|
|
|
returnTime: this.returnTime,//回访时间 |
|
|
|
loseContact: this.loseContact,//联系当事人0：已联系 1：未取得联系 |
|
|
|
putThrough: this.putThrough,//接通电话 0：接通 1：未接通 |
|
|
|
cooperate: this.cooperate,//是否配合回访0：配合 1：不配合 |
|
|
|
satisfaction: this.satisfaction,//0：满意 1：非常满意 2：不满意 |
|
|
|
dissatisfyReason: this.dissatisfyReason,//不满意原因 |
|
|
|
visitComments: this.visitComments,//回访意见 |
|
|
|
examine: this.examine,//审核结果 |
|
|
|
examineContent:this.examineContent,//审核说明, |
|
|
|
icEventId:this.icEventId |
|
|
|
}).then(res => { |
|
|
|
console.log(res.data.list[0],"skjlfhskdjfh"); |
|
|
|
this.tableData=res.data.list[0] |
|
|
|
console.log(this.tableData,"skjlfhskdjfh"); |
|
|
|
this.agencyGridDepttree() |
|
|
|
console.log(res,"skjlfhskdjfh"); |
|
|
|
}).catch(err => { |
|
|
|
|
|
|
|
}) |
|
|
|
}, |
|
|
|
afterRead1(file) { |
|
|
|
// 文件读取后的处理逻辑 |
|
|
|
this.fileList.push(file); |
|
|
|
}, |
|
|
|
beforeRead(file) { |
|
|
|
// 这里可以做一些文件的预处理，如果需要返回false则会阻止文件上传 |
|
|
|
if (file.type.indexOf('audio') === -1) { |
|
|
|
this.$toast.fail('请上传音频文件'); |
|
|
|
return false; |
|
|
|
} |
|
|
|
return true; |
|
|
|
}, |
|
|
|
onDelete(file, index) { |
|
|
|
// 删除文件的处理逻辑 |
|
|
|
this.fileList.splice(index, 1); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
@ -468,4 +609,18 @@ white-space: nowrap |
|
|
|
border: none; |
|
|
|
padding-left: 20px; |
|
|
|
} |
|
|
|
.textarea { |
|
|
|
/deep/ .van-cell { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
/deep/ .van-field__label { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
/deep/ .van-cell__value { |
|
|
|
margin-top: 10px; |
|
|
|
background: #F7F7F7; |
|
|
|
padding: 14px 16px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
|
是小王呀\24601
1 year ago
