|
|
@ -1,25 +1,25 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="block container" v-for="(item, index) in ProblemDescription" :key="index"> |
|
|
|
<div class="title fw500">{{ item.sourceTypeName }}</div> |
|
|
|
<div class="block container"> |
|
|
|
<div class="title fw500">{{ detail.eventContent }}</div> |
|
|
|
|
|
|
|
<div class="time">{{ item.happenTime || detail.reportTime }}</div> |
|
|
|
<div class="time">{{ detail.happenTime || detail.reportTime }}</div> |
|
|
|
<div class="imgs"> |
|
|
|
<van-image |
|
|
|
fit="cover" |
|
|
|
v-for="(item2, index2) in item.imageList" |
|
|
|
@click.prevent.stop="previewImage(index2, item.imageList)" |
|
|
|
v-for="(item2, index2) in detail.imageList" |
|
|
|
@click.prevent.stop="previewImage(index2, detail.imageList)" |
|
|
|
:src="item2" |
|
|
|
:key="index2" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="address">详细地址:{{ item.address }}</div> |
|
|
|
<div class="address">详细地址:{{ detail.address }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="block container"> |
|
|
|
<div class="title">满意度评价</div> |
|
|
|
<div class="btns"> |
|
|
|
<van-button |
|
|
|
<div class="btns flex flex-mean"> |
|
|
|
<!-- <van-button |
|
|
|
round |
|
|
|
size="small" |
|
|
|
@click="setEvaluate('perfect')" |
|
|
@ -46,13 +46,17 @@ |
|
|
|
plain |
|
|
|
block |
|
|
|
>不满意</van-button |
|
|
|
> |
|
|
|
> --> |
|
|
|
<div class="flex flex-y flex-center2" v-for="item in btns" @click="setEvaluate(item)"> |
|
|
|
<img :src="require(`@/assets/images/icons/${btnFlag===item?'':'ic_'}${item}.png`)" class="img_57"alt=""> |
|
|
|
<span>{{item === 'perfect'?'非常满意':item === 'good'?'满意':'不满意'}}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="block container" v-for="(item, index) in ProcessListL" :key="index"> |
|
|
|
<div class="title">处理进展</div> |
|
|
|
<div class="block container"> |
|
|
|
<div class="title">办理经过</div> |
|
|
|
<van-divider /> |
|
|
|
<van-steps v-if="ProcessListL.length > 0 && item.pageType === 'event'" direction="vertical" :active="0"> |
|
|
|
<van-steps v-if="process.length > 0 && detail.pageType === 'event'" direction="vertical" :active="0"> |
|
|
|
<van-step v-for="(item, index) in process" :key="index"> |
|
|
|
<div class="step-title" v-if="item.agencyId">【指派】</div> |
|
|
|
<div class="step-title" v-if="!item.timeLimit">【完成并回复】</div> |
|
|
@ -195,7 +199,7 @@ |
|
|
|
<script> |
|
|
|
import { ImagePreview } from 'vant' |
|
|
|
import { process, updateEvent } from '@/api/event' |
|
|
|
import { getUserDemandUnSolvedDetail,icEventOldDetail,icEventOldProcess} from '@/api/demand' |
|
|
|
import { getUserDemandUnSolvedDetail } from '@/api/demand' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'appealDetail', |
|
|
@ -207,41 +211,19 @@ export default { |
|
|
|
evaluate: 0, |
|
|
|
detail: {}, |
|
|
|
process: [], |
|
|
|
ProblemDescription:{}, |
|
|
|
ProcessListL:{} |
|
|
|
btns:['perfect','good','bad'], |
|
|
|
btnFlag:'perfect' |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.detail = this.$route.query |
|
|
|
this.icEventOldProcess() |
|
|
|
this.icEventOldDetail() |
|
|
|
this.getProcess() |
|
|
|
console.log(this.detail) |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
icEventOldDetail(){ |
|
|
|
console.log("1111"); |
|
|
|
let parm ={ |
|
|
|
icEventId: "1790257956802387970" |
|
|
|
} |
|
|
|
let res =icEventOldDetail(parm) |
|
|
|
this.ProblemDescription=res.data.list |
|
|
|
; |
|
|
|
|
|
|
|
}, |
|
|
|
icEventOldProcess(){ |
|
|
|
console.log("1111"); |
|
|
|
let parm ={ |
|
|
|
icEventId: "1790257956802387970" |
|
|
|
} |
|
|
|
let res =icEventOldProcess(parm) |
|
|
|
this.ProcessList=res.data.list |
|
|
|
; |
|
|
|
|
|
|
|
}, |
|
|
|
setEvaluate(val) { |
|
|
|
if (this.detail.pageType === 'event') { |
|
|
|
this.btnFlag = val; |
|
|
|
updateEvent({ |
|
|
|
id: this.detail.id, |
|
|
|
satisfaction: val |
|
|
@ -260,7 +242,7 @@ export default { |
|
|
|
getProcess() { |
|
|
|
if (this.detail.pageType === 'event') { |
|
|
|
process({ |
|
|
|
icEventId: this.detail.id |
|
|
|
icEventId: this.detail.icEventId |
|
|
|
}).then(res => { |
|
|
|
this.process = res |
|
|
|
}) |
|
|
|