|
|
|
@ -2,6 +2,7 @@ |
|
|
|
<div class="project-handle"> |
|
|
|
<el-form :model="dataForm" ref="dataForm" style="width: 100%; height: 100%;"> |
|
|
|
<div class="project-detail"> |
|
|
|
<div class="project-detail-tip">议题详情</div> |
|
|
|
<el-form label-position="right" label-width="120px"> |
|
|
|
<el-form-item label="议题内容:"> |
|
|
|
<div>{{dataForm.itemContent}}</div> |
|
|
|
@ -31,7 +32,7 @@ |
|
|
|
<span>反对 {{dataForm.opposeNum}}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="项目评论:"> |
|
|
|
<el-button type="primary" @click="innerVisible = true">查看评论</el-button> |
|
|
|
<el-button type="text" @click="innerVisible = true">查看评论</el-button> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="用户满意度评价:" v-if="dataForm.itemState === 10"> |
|
|
|
<div>{{dataForm.evaluationScore}}</div> |
|
|
|
@ -47,26 +48,30 @@ |
|
|
|
<div class="location">上报位置: {{dataForm.issueAddress}}</div> |
|
|
|
<div id="map"></div> |
|
|
|
</div> |
|
|
|
<div style="position: absolute; bottom: 0; right: 0;"> |
|
|
|
<el-button type="primary" size="small" @click="back">返回</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="project-progress"> |
|
|
|
<div class="project-progress-tip">处理进展</div> |
|
|
|
<el-timeline> |
|
|
|
<el-timeline-item |
|
|
|
v-for="(activity, index) in this.dataForm.handleProgressResultDTOS" |
|
|
|
:key="index" |
|
|
|
:icon="activity.icon" |
|
|
|
:type="activity.type" |
|
|
|
:color="activity.color" |
|
|
|
:color="index === 0 ? 'green' : activity.itemDeptDTOS.length > 0 ? 'red' : '#ccc'" |
|
|
|
:size="activity.size"> |
|
|
|
<div v-if="activity.itemDeptDTOS.length > 0">{{activity.createdTime}} {{ '【吹哨】' }}</div> |
|
|
|
<div v-else-if="activity.itemDeptDTOS.length <= 0 && activity.progressName !== '【审核通过】' && activity.progressName !== '【已关闭】' && activity.progressName !== '【已结案】'">{{activity.createdTime}} {{ '【回应】' }}</div> |
|
|
|
<div v-else>{{activity.createdTime}} {{activity.progressName}}</div> |
|
|
|
<div>处理部门： {{activity.handlerDept}}</div> |
|
|
|
<div v-if="activity.itemDeptDTOS.length > 0"> |
|
|
|
吹哨部门：<span v-for="(csDept, index1) in activity.itemDeptDTOS" :key="index1" :size="csDept.size"> |
|
|
|
{{ csDept.deptName }} |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<div>处理意见： {{activity.advice}}</div> |
|
|
|
<div style="line-height: 25px;"> |
|
|
|
<div v-if="activity.itemDeptDTOS.length > 0">{{activity.createdTime}} {{ '【吹哨】' }}</div> |
|
|
|
<div v-else-if="activity.itemDeptDTOS.length <= 0 && activity.progressName !== '【审核通过】' && activity.progressName !== '【已关闭】' && activity.progressName !== '【已结案】'">{{activity.createdTime}} {{ '【回应】' }}</div> |
|
|
|
<div v-else>{{activity.createdTime}} {{activity.progressName}}</div> |
|
|
|
<div>处理部门： {{activity.handlerDept}}</div> |
|
|
|
<div v-if="activity.itemDeptDTOS.length > 0"> |
|
|
|
吹哨部门：<span v-for="(csDept, index1) in activity.itemDeptDTOS" :key="index1" :size="csDept.size">{{ csDept.deptName }}</span> |
|
|
|
</div> |
|
|
|
<div>处理意见： {{activity.advice}}</div> |
|
|
|
</div> |
|
|
|
</el-timeline-item> |
|
|
|
</el-timeline> |
|
|
|
</div> |
|
|
|
@ -129,8 +134,9 @@ export default { |
|
|
|
this.init() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
backToItemDeal () { |
|
|
|
this.$parent.selectComponent = 'ItemClose' |
|
|
|
back () { |
|
|
|
this.$parent.init() |
|
|
|
// this.$router.push({ path: this.$route.path }) |
|
|
|
}, |
|
|
|
initBmap (latitude, longitude) { |
|
|
|
this.map = new BMap.Map('map') |
|
|
|
@ -213,18 +219,31 @@ export default { |
|
|
|
<style lang="scss" scoped> |
|
|
|
.project-handle { |
|
|
|
width: 100%; |
|
|
|
height: calc(100vh - 50px - 38px - 15px); |
|
|
|
height: calc(100vh - 120px); |
|
|
|
background: #ffffff; |
|
|
|
box-sizing: border-box; |
|
|
|
padding: 10px; |
|
|
|
.project-detail { |
|
|
|
width: 79%; |
|
|
|
height: 60%; |
|
|
|
height: 80%; |
|
|
|
border: 2px solid #ccc; |
|
|
|
box-sizing: border-box; |
|
|
|
padding: 10px; |
|
|
|
float:left; |
|
|
|
margin-bottom: 1%; |
|
|
|
position: relative; |
|
|
|
padding-top: 20px; |
|
|
|
.project-detail-tip { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
left:0; |
|
|
|
width: 80px; |
|
|
|
height: 30px; |
|
|
|
line-height: 30px; |
|
|
|
color: #ffffff; |
|
|
|
background: #4ac38b; |
|
|
|
text-align:center; |
|
|
|
} |
|
|
|
.el-form { |
|
|
|
width: 58%; |
|
|
|
height: 100%; |
|
|
|
@ -245,7 +264,7 @@ export default { |
|
|
|
} |
|
|
|
.container { |
|
|
|
width: 40%; |
|
|
|
height: 100%; |
|
|
|
height: 80%; |
|
|
|
float: right; |
|
|
|
.location { |
|
|
|
height: 30px; |
|
|
|
@ -259,13 +278,26 @@ export default { |
|
|
|
} |
|
|
|
.project-progress { |
|
|
|
width: 20%; |
|
|
|
height: 100%; |
|
|
|
height: 80%; |
|
|
|
float: right; |
|
|
|
border: 2px solid #ccc; |
|
|
|
box-sizing: border-box; |
|
|
|
margin-left: 1%; |
|
|
|
padding-top: 20px; |
|
|
|
overflow-y:auto; |
|
|
|
position: relative; |
|
|
|
padding-top: 40px; |
|
|
|
.project-progress-tip { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
left:0; |
|
|
|
width: 80px; |
|
|
|
height: 30px; |
|
|
|
line-height: 30px; |
|
|
|
color: #ffffff; |
|
|
|
background: #0098ff; |
|
|
|
text-align:center; |
|
|
|
} |
|
|
|
&::-webkit-scrollbar { |
|
|
|
width: 5px; |
|
|
|
height: 1px; |
|
|
|
|
lihenian
6 years ago