diff --git a/src/assets/css/common.less b/src/assets/css/common.less index f2da90c..b961fba 100644 --- a/src/assets/css/common.less +++ b/src/assets/css/common.less @@ -39,6 +39,9 @@ &-y{ flex-direction: column; } + &-x{ + flex-direction: row; +} &-center1{ justify-content: center; } diff --git a/src/assets/images/uploand.png b/src/assets/images/uploand.png new file mode 100644 index 0000000..d9ff126 Binary files /dev/null and b/src/assets/images/uploand.png differ diff --git a/src/views/HotlineDetail/index.vue b/src/views/HotlineDetail/index.vue index 32243b4..16d4663 100644 --- a/src/views/HotlineDetail/index.vue +++ b/src/views/HotlineDetail/index.vue @@ -140,64 +140,64 @@ - -
- 办理状态 -
{{ stutasName }}
- -
-
- -
- 办理情况 - -
- - -
+ + +
+ +
-
+
上传录音
- -
- 答复人 - -
-
- -
- 答复电话 - -
-
- -
- 联系人 - -
-
- -
- 联系电话 - -
-
- -
- 填报不合规诉求 -
{{ stutasName }}
- -
-
- -
- 办理真实度 -
{{ stutasName }}
- -
+ + + + + + + + + + + + + + + + + + + + + + + +
+ +
取消 @@ -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,27 +404,70 @@ 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, - icEventId:this.icEventId + 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); + } + }, components: {Card}, computed: { @@ -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; + } +} +