<template>
|
<div
|
class="box-card"
|
v-loading="loading"
|
element-loading-text="拼命加载中"
|
element-loading-spinner="el-icon-loading"
|
>
|
<div class="box-content">
|
<div class="fl-al" style="padding-top: 20px">
|
<h3 class="fz-10">查看</h3>
|
<el-button class="mr-l-10" size="mini" @click="$router.back()"
|
>返回</el-button
|
>
|
</div>
|
<div class="mr-t-20">
|
<el-descriptions title="基本信息" size="medium">
|
<el-descriptions-item label="用户昵称">{{
|
eventDetail.requestUserName
|
}}</el-descriptions-item>
|
<el-descriptions-item label="实名信息">{{
|
eventDetail.requestUserName
|
}}</el-descriptions-item>
|
<el-descriptions-item label="联系电话">{{
|
eventDetail.requestUserTel
|
}}</el-descriptions-item>
|
<el-descriptions-item label="当前调解专家">{{
|
eventDetail.specialistName
|
}}</el-descriptions-item>
|
<el-descriptions-item label="当前调解部门">{{
|
eventDetail.currentOrgName
|
}}</el-descriptions-item>
|
<el-descriptions-item label="取消时间">{{
|
eventDetail.revokeDate || "-"
|
}}</el-descriptions-item>
|
</el-descriptions>
|
</div>
|
<div class="fl-co">
|
<div class="fl-co mr-r-30 mr-b-20">
|
<h3 class="fz-9 mr-b-10">调解事件</h3>
|
<div class="fl-co lh-10 jabg-content2">
|
<div>
|
<div class="fl-al">
|
<span>{{ eventDetail.createAt }}</span>
|
<span class="mr-l-20">{{ eventDetail.requestUserName }}</span>
|
</div>
|
<div class="lh-14 mr-t-4">
|
#{{ eventDetail.categoryName }}
|
{{ eventDetail.requestUserEventDes }}
|
</div>
|
<div class="fl-fw mr-t-10" v-if="eventDetail.images.length">
|
<el-image
|
v-for="(it, ix) in eventDetail.images"
|
:key="ix"
|
class="img-style"
|
:src="it.url"
|
:preview-src-list="[it.url]"
|
fit="cover"
|
></el-image>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="fl-co mr-r-30 mr-b-20 mr-t-20 v-y jabg-content">
|
<h3 class="fz-9 mr-b-10">调解情况</h3>
|
<div
|
v-for="(item, index) in transferLog"
|
:key="index"
|
class="fl-co lh-10"
|
>
|
<div class="mr-b-10">
|
<div class="fl-al">
|
<span>{{ item.createAt }}</span>
|
<span class="mr-l-20"
|
>{{ item.processByName }}回复</span
|
>
|
</div>
|
<div class="lh-14 mr-t-4">
|
{{ item.processResult }}
|
</div>
|
<div class="fl-fw mr-t-10">
|
<el-image
|
v-for="(it, ix) in item.images"
|
:key="ix"
|
class="img-style"
|
:src="it.url"
|
fit="cover"
|
:preview-src-list="[it.url]"
|
>
|
</el-image>
|
</div>
|
</div>
|
</div>
|
<div v-if="!transferLog.length">暂无最新进展</div>
|
</div>
|
<div class="fl-co mr-r-30 mr-b-20 jabg-content2">
|
<h3 class="fz-9 mr-b-10">结案报告</h3>
|
<div class="fl-co lh-10">
|
<div v-for="(it, ix) in archiveLog" :key="ix">
|
<div class="fl-al">
|
<span>{{ it.processDate || "-" }}</span>
|
<span class="mr-l-20">{{ it.processByName }}回复</span>
|
</div>
|
<div class="lh-14 mr-t-4">
|
{{ it.processResult }}
|
</div>
|
<div class="fl-fw mr-t-10">
|
<el-image
|
v-for="(mi, mx) in it.images"
|
:key="mx"
|
class="img-style"
|
:src="mi.url"
|
fit="cover"
|
:preview-src-list="[mi.url]"
|
>
|
</el-image>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import { objCopyPro, showToast, dateTime } from "../../../utils/common";
|
export default {
|
data() {
|
return {
|
loading: false, // 页面loading
|
info_id: "",
|
archiveImage: [],
|
transferLog: [],
|
specter: {},
|
archiveLog: {},
|
eventDetail: {
|
images: [],
|
},
|
};
|
},
|
mounted() {
|
this.info_id = this.$route.query.id;
|
this.getPageInfoData();
|
},
|
methods: {
|
getPageInfoData() {
|
this.$api.get(`sanshuo/comEvent/detail/${this.info_id}`, {}, (res) => {
|
const { archiveImage, transferLog, specter, eventDetail, archiveLog } =
|
res;
|
transferLog.forEach((item) => {
|
item.createAt = dateTime(item.createAt);
|
});
|
this.archiveImage = archiveImage;
|
this.transferLog = transferLog;
|
this.archiveLog = archiveLog;
|
this.specter = specter;
|
eventDetail.createAt = dateTime(eventDetail.createAt);
|
eventDetail.submitDate = dateTime(eventDetail.submitDate);
|
this.eventDetail = eventDetail;
|
});
|
},
|
},
|
};
|
</script>
|
<style scoped>
|
.jabg-content {
|
max-height: 350px;
|
min-height: 100px;
|
max-width: 500px;
|
}
|
|
.img-style {
|
margin: 0 10px 10px 0;
|
width: 100px;
|
height: 100px;
|
}
|
.jabg-content2 {
|
/* max-height: 350px; */
|
max-width: 500px;
|
}
|
.v-y {
|
overflow-y: scroll;
|
}
|
</style>
|
