|
|
|
@ -1,31 +1,34 @@ |
|
|
|
<template> |
|
|
|
<el-dialog |
|
|
|
width="1118px" |
|
|
|
:modal="true" |
|
|
|
:modal-append-to-body="false" |
|
|
|
:destroy-on-close="true" |
|
|
|
:visible="showDialog" |
|
|
|
@close="handleClose" |
|
|
|
width="1118px" |
|
|
|
:modal="true" |
|
|
|
:modal-append-to-body="false" |
|
|
|
:destroy-on-close="true" |
|
|
|
:visible="showDialog" |
|
|
|
@close="handleClose" |
|
|
|
|
|
|
|
> |
|
|
|
<div class="eventWrap"> |
|
|
|
<div class="eventWrap" |
|
|
|
v-loading="loading" |
|
|
|
element-loading-text="加载中" |
|
|
|
element-loading-spinner="el-icon-loading" |
|
|
|
element-loading-background="rgba(0, 0, 0, 0.5)" |
|
|
|
> |
|
|
|
<el-row :gutter="32"> |
|
|
|
<el-col :span="24" style="padding-left: 40px"> |
|
|
|
<title-box text="事件详情" /> |
|
|
|
<title-box text="事件详情"/> |
|
|
|
</el-col> |
|
|
|
<el-col |
|
|
|
:span="13" |
|
|
|
style="padding-left: 40px" |
|
|
|
v-loading="loading" |
|
|
|
element-loading-text="加载中" |
|
|
|
element-loading-spinner="el-icon-loading" |
|
|
|
element-loading-background="rgba(0, 21, 64, 0" |
|
|
|
:span="13" |
|
|
|
style="padding-left: 40px" |
|
|
|
|
|
|
|
> |
|
|
|
<div class="leftEvent"> |
|
|
|
<div class="eventDetails"> |
|
|
|
<img |
|
|
|
:width="18" |
|
|
|
:height="18" |
|
|
|
src="@/assets/images/manyidu/tc-title-icon.png" |
|
|
|
:width="18" |
|
|
|
:height="18" |
|
|
|
src="@/assets/images/manyidu/tc-title-icon.png" |
|
|
|
/>事项详情 |
|
|
|
</div> |
|
|
|
<div class="eventItem"> |
|
|
|
@ -44,27 +47,27 @@ |
|
|
|
<span>接受时间：</span> |
|
|
|
<span>{{ item.happenTime }}</span> |
|
|
|
</div> |
|
|
|
<!-- <div class="eventItem"> |
|
|
|
<span>工单号：</span> |
|
|
|
<span>{{ item.workOrderNum }}</span> |
|
|
|
</div>--> |
|
|
|
<!-- <div class="eventItem"> |
|
|
|
<span>工单号：</span> |
|
|
|
<span>{{ item.workOrderNum }}</span> |
|
|
|
</div>--> |
|
|
|
<div class="eventItem"> |
|
|
|
<div>问题描述：</div> |
|
|
|
<div style="margin-top: 20px">{{ item.eventContent }}</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="eventItem"> |
|
|
|
<div>图片：</div> |
|
|
|
<div style="margin-top: 20px; display: flex"> |
|
|
|
<img |
|
|
|
style="width: 100px; height: 100px; margin-right: 5px" |
|
|
|
v-for="src in item.imageList" |
|
|
|
:key="src" |
|
|
|
:src="src" |
|
|
|
alt="/" |
|
|
|
@click="openImg(src)" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div>--> |
|
|
|
<!-- <div class="eventItem"> |
|
|
|
<div>图片：</div> |
|
|
|
<div style="margin-top: 20px; display: flex"> |
|
|
|
<img |
|
|
|
style="width: 100px; height: 100px; margin-right: 5px" |
|
|
|
v-for="src in item.imageList" |
|
|
|
:key="src" |
|
|
|
:src="src" |
|
|
|
alt="/" |
|
|
|
@click="openImg(src)" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div>--> |
|
|
|
<div class="eventItem"> |
|
|
|
<span>联系人：</span> |
|
|
|
<span>{{ item.name }}</span> |
|
|
|
@ -88,18 +91,14 @@ |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col |
|
|
|
:span="11" |
|
|
|
v-loading="loading1" |
|
|
|
element-loading-text="加载中" |
|
|
|
element-loading-spinner="el-icon-loading" |
|
|
|
element-loading-background="rgba(0, 21, 64, 0.3)" |
|
|
|
:span="11" |
|
|
|
> |
|
|
|
<div class="rightEvent m-info"> |
|
|
|
<div class="eventDetails"> |
|
|
|
<img |
|
|
|
:width="18" |
|
|
|
:height="18" |
|
|
|
src="@/assets/images/manyidu/tc-title-icon.png" |
|
|
|
:width="18" |
|
|
|
:height="18" |
|
|
|
src="@/assets/images/manyidu/tc-title-icon.png" |
|
|
|
/>办理进展 |
|
|
|
</div> |
|
|
|
<!-- <el-timeline class="timeline" :reverse="true"> |
|
|
|
@ -124,10 +123,10 @@ |
|
|
|
<div class="m-process"> |
|
|
|
<div class="list"> |
|
|
|
<div |
|
|
|
class="item" |
|
|
|
:class="[index === 0 ? 'z-on' : '']" |
|
|
|
:key="item.processId" |
|
|
|
v-for="(item, index) in activities" |
|
|
|
class="item" |
|
|
|
:class="[index === 0 ? 'z-on' : '']" |
|
|
|
:key="item.processId" |
|
|
|
v-for="(item, index) in activities" |
|
|
|
> |
|
|
|
<div class="item-row"> |
|
|
|
<template v-if="item.agencyId"> |
|
|
|
@ -168,7 +167,7 @@ |
|
|
|
<div class="detail"> |
|
|
|
<div class="detail-field">办结时限：</div> |
|
|
|
<div class="detail-value"> |
|
|
|
{{ formTimeLimit(item.timeLimit) }} |
|
|
|
{{ item.timeLimit }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -207,6 +206,7 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import titleBox from "./Title"; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: "ReportAnEvent", |
|
|
|
components: { |
|
|
|
@ -239,12 +239,16 @@ export default { |
|
|
|
if (val) { |
|
|
|
this.getDetailsData(this.id); |
|
|
|
this.getProcessData(this.id); |
|
|
|
} else { |
|
|
|
this.item = {} |
|
|
|
this.activities = [] |
|
|
|
} |
|
|
|
}, |
|
|
|
immediate: true, |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() {}, |
|
|
|
mounted() { |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
handleClose() { |
|
|
|
@ -263,32 +267,32 @@ export default { |
|
|
|
getDetailsData(id) { |
|
|
|
this.loading = true; |
|
|
|
this.$http |
|
|
|
.post("/governance/icEvent/detail", { icEventId: id }) |
|
|
|
.then((res) => { |
|
|
|
const { code, data, msg } = res.data; |
|
|
|
if (code === 0) { |
|
|
|
this.item = data; |
|
|
|
this.loading = false; |
|
|
|
} else { |
|
|
|
this.loading = false; |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}); |
|
|
|
.post("/governance/icEvent/detail", {icEventId: id}) |
|
|
|
.then((res) => { |
|
|
|
const {code, data, msg} = res.data; |
|
|
|
if (code === 0) { |
|
|
|
this.item = data; |
|
|
|
this.loading = false; |
|
|
|
} else { |
|
|
|
this.loading = false; |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
getProcessData(id) { |
|
|
|
this.$http |
|
|
|
.post("/governance/icEvent/process", { icEventId: id }) |
|
|
|
.then((res) => { |
|
|
|
const { code, data, msg } = res.data; |
|
|
|
if (code === 0) { |
|
|
|
this.activities = data; |
|
|
|
this.loading1 = false; |
|
|
|
} else { |
|
|
|
this.loading1 = false; |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}); |
|
|
|
.post("/governance/icEvent/process", {icEventId: id}) |
|
|
|
.then((res) => { |
|
|
|
const {code, data, msg} = res.data; |
|
|
|
if (code === 0) { |
|
|
|
this.activities = data; |
|
|
|
this.loading1 = false; |
|
|
|
} else { |
|
|
|
this.loading1 = false; |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
@ -298,75 +302,70 @@ export default { |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "@/assets/scss/modules/shequzhili/event-info.scss"; |
|
|
|
@import "@/assets/scss/dataBoard/dialog.scss"; |
|
|
|
|
|
|
|
/deep/ .el-dialog { |
|
|
|
background: url(~@/assets/images/manyidu/dialog-bg.png); |
|
|
|
background-size: 100% 100%; |
|
|
|
width: 1118px; |
|
|
|
height: 822px; |
|
|
|
} |
|
|
|
/deep/ .el-dialog__body { |
|
|
|
padding: 0 20px 30px; |
|
|
|
} |
|
|
|
/deep/ .el-dialog__header { |
|
|
|
border: 0 !important; |
|
|
|
} |
|
|
|
/deep/ .el-dialog__headerbtn { |
|
|
|
top: 24px; |
|
|
|
right: 32px; |
|
|
|
.el-dialog__close { |
|
|
|
color: #ffffff; |
|
|
|
font-weight: 600; |
|
|
|
} |
|
|
|
} |
|
|
|
@mixin fontStyle { |
|
|
|
color: #fff !important; |
|
|
|
font-size: 14px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.eventWrap { |
|
|
|
width: 1094px; |
|
|
|
height: 798px; |
|
|
|
//height: 798px; |
|
|
|
overflow-y: auto; |
|
|
|
overflow-x: hidden; |
|
|
|
padding: 24px; |
|
|
|
|
|
|
|
.eventDetails { |
|
|
|
font-size: 18px; |
|
|
|
margin: 48px 24px 48px 0; |
|
|
|
color: #ffffff; |
|
|
|
|
|
|
|
img { |
|
|
|
margin-top: -4px; |
|
|
|
margin-right: 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.m-info { |
|
|
|
padding: 0px !important; |
|
|
|
|
|
|
|
.m-process { |
|
|
|
margin: 0 !important; |
|
|
|
|
|
|
|
.name { |
|
|
|
@include fontStyle; |
|
|
|
} |
|
|
|
|
|
|
|
.date { |
|
|
|
@include fontStyle; |
|
|
|
} |
|
|
|
|
|
|
|
.detail { |
|
|
|
@include fontStyle; |
|
|
|
|
|
|
|
.detail-field { |
|
|
|
flex: none !important; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.leftEvent { |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
.eventItem { |
|
|
|
font-size: 14px; |
|
|
|
margin-bottom: 24px; |
|
|
|
|
|
|
|
span:first-child { |
|
|
|
} |
|
|
|
|
|
|
|
span:last-child { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.rightEvent { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
战立标
2 years ago