|
|
|
@ -2,10 +2,12 @@ |
|
|
|
<el-dialog |
|
|
|
class="dissatisfied-detail" |
|
|
|
title="" |
|
|
|
:modal="false" |
|
|
|
:modal="true" |
|
|
|
:visible.sync="dialogVisible" |
|
|
|
width="1118px" |
|
|
|
:before-close="handleClose"> |
|
|
|
:modal-append-to-body="false" |
|
|
|
:before-close="handleClose" |
|
|
|
> |
|
|
|
<div class="content"> |
|
|
|
<div class="main-title"> |
|
|
|
<Title text="不满意事项详情" noBg /> |
|
|
|
@ -16,14 +18,32 @@ |
|
|
|
<div class="detail"> |
|
|
|
<p> |
|
|
|
{{ unsatisfiedMattersModel.reason }} |
|
|
|
</p>a |
|
|
|
</p> |
|
|
|
<ul> |
|
|
|
<li><span>事项来源：</span>{{satisfactionSourceOptions[unsatisfiedMattersModel.satisfactionSource]}}</li> |
|
|
|
<li><span>事项类型：</span>{{unsatisfiedMattersModel.satisfactionCategoryName}}</li> |
|
|
|
<li><span>所属月份：</span>{{unsatisfiedMattersModel.satisfactionCategoryName}}</li> |
|
|
|
<li><span>所属社区：</span>{{unsatisfiedMattersModel.organizationName}}</li> |
|
|
|
<li> |
|
|
|
<span>事项来源：</span |
|
|
|
>{{ |
|
|
|
satisfactionSourceOptions[ |
|
|
|
unsatisfiedMattersModel.satisfactionSource |
|
|
|
] |
|
|
|
}} |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<span>事项类型：</span |
|
|
|
>{{ unsatisfiedMattersModel.satisfactionCategoryName }} |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<span>所属月份：</span |
|
|
|
>{{ unsatisfiedMattersModel.satisfactionCategoryName }} |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<span>所属社区：</span |
|
|
|
>{{ unsatisfiedMattersModel.organizationName }} |
|
|
|
</li> |
|
|
|
<li><span>提交人：</span>{{ unsatisfiedMattersModel.name }}</li> |
|
|
|
<li><span>提交人电话：</span>{{unsatisfiedMattersModel.mobile}}</li> |
|
|
|
<li> |
|
|
|
<span>提交人电话：</span>{{ unsatisfiedMattersModel.mobile }} |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
@ -33,34 +53,46 @@ |
|
|
|
<div class="number-item"> |
|
|
|
<div class="text">12345投诉</div> |
|
|
|
<div class="num"> |
|
|
|
<span class="orange">{{unsatisfiedHisCount.satisfaction_12345}}</span> |
|
|
|
<span class="orange">{{ |
|
|
|
unsatisfiedHisCount.satisfaction_12345 |
|
|
|
}}</span> |
|
|
|
人 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="number-item"> |
|
|
|
<div class="text">省满意度调查</div> |
|
|
|
<div class="num"> |
|
|
|
<span class="green">{{unsatisfiedHisCount.satisfaction_province}}</span> |
|
|
|
<span class="green">{{ |
|
|
|
unsatisfiedHisCount.satisfaction_province |
|
|
|
}}</span> |
|
|
|
人 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="number-item"> |
|
|
|
<div class="text">社区满意度自评</div> |
|
|
|
<div class="num"> |
|
|
|
<span class="light">{{unsatisfiedHisCount.satisfaction_community}}</span> |
|
|
|
<span class="light">{{ |
|
|
|
unsatisfiedHisCount.satisfaction_community |
|
|
|
}}</span> |
|
|
|
人 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="sub-title">回访记录</div> |
|
|
|
<div class="log"> |
|
|
|
<div class="log-item" v-for="(item,index) in followUpRecordDetails"> |
|
|
|
<div class="name">{{item.followUpUser}}（{{item.roleName}}）</div> |
|
|
|
<div |
|
|
|
class="log-item" |
|
|
|
v-for="(item, index) in followUpRecordDetails" |
|
|
|
> |
|
|
|
<div class="name"> |
|
|
|
{{ item.followUpUser }}（{{ item.roleName }}） |
|
|
|
</div> |
|
|
|
<div>{{ item.followUpDate }}</div> |
|
|
|
<div>{{item.followUpWay}} <i class="el-icon-arrow-right"></i></div> |
|
|
|
<div> |
|
|
|
{{ item.followUpWay }} <i class="el-icon-arrow-right"></i> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
@ -68,7 +100,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import Title from "@/views/dataBoard/satisfactionEval/components/Title" |
|
|
|
import Title from "@/views/dataBoard/satisfactionEval/components/Title"; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: "DissatisfiedDetail", |
|
|
|
@ -76,36 +108,45 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
dialogVisible: false, |
|
|
|
unsatisfiedMattersModel: '', |
|
|
|
unsatisfiedHisCount: '', |
|
|
|
followUpRecordDetails: '', |
|
|
|
unsatisfiedMattersModel: "", |
|
|
|
unsatisfiedHisCount: "", |
|
|
|
followUpRecordDetails: "", |
|
|
|
satisfactionSourceOptions: { |
|
|
|
satisfaction_12345: '12345投诉', |
|
|
|
satisfaction_province: '省满意度调查', |
|
|
|
satisfaction_community: '社区满意度自查', |
|
|
|
} |
|
|
|
satisfaction_12345: "12345投诉", |
|
|
|
satisfaction_province: "省满意度调查", |
|
|
|
satisfaction_community: "社区满意度自查", |
|
|
|
}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleClose(done) { |
|
|
|
this.dialogVisible = false |
|
|
|
this.dialogVisible = false; |
|
|
|
}, |
|
|
|
open(id) { |
|
|
|
this.dialogVisible = true |
|
|
|
this.getDetail(id) |
|
|
|
this.dialogVisible = true; |
|
|
|
this.getDetail(id); |
|
|
|
}, |
|
|
|
getDetail(id) { |
|
|
|
this.$http.post('/governance/satisfactionDetailList/getUnsatisfiedMattersDetailInfo', id).then(({data: {data}}) => { |
|
|
|
this.unsatisfiedMattersModel = data.unsatisfiedMattersModel |
|
|
|
this.unsatisfiedHisCount = data.unsatisfiedHisCount |
|
|
|
this.followUpRecordDetails = data.followUpRecordDetails |
|
|
|
this.$http |
|
|
|
.post( |
|
|
|
"/governance/satisfactionDetailList/getUnsatisfiedMattersDetailInfo", |
|
|
|
id |
|
|
|
) |
|
|
|
.then(({ data: { data } }) => { |
|
|
|
this.unsatisfiedMattersModel = data.unsatisfiedMattersModel; |
|
|
|
this.unsatisfiedHisCount = data.unsatisfiedHisCount; |
|
|
|
this.followUpRecordDetails = data.followUpRecordDetails; |
|
|
|
if (this.unsatisfiedMattersModel.satisfactionSource) { |
|
|
|
this.unsatisfiedMattersModel.satisfactionSource = satisfactionSourceOptions.filter(item => item.value === this.unsatisfiedMattersModel.satisfactionSource)[0].label |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
this.unsatisfiedMattersModel.satisfactionSource = |
|
|
|
satisfactionSourceOptions.filter( |
|
|
|
(item) => |
|
|
|
item.value === this.unsatisfiedMattersModel.satisfactionSource |
|
|
|
)[0].label; |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
@ -130,6 +171,10 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.el-dialog__wrapper { |
|
|
|
background: rgba(0, 0, 0, 0.85); |
|
|
|
} |
|
|
|
|
|
|
|
.content { |
|
|
|
padding: 0 64px; |
|
|
|
} |
|
|
|
@ -142,17 +187,17 @@ export default { |
|
|
|
background: url("@/assets/images/manyidu/icon_fk.png") no-repeat left center; |
|
|
|
font-size: 18px; |
|
|
|
font-weight: 500; |
|
|
|
color: #FFFFFF; |
|
|
|
color: #ffffff; |
|
|
|
line-height: 22px; |
|
|
|
padding-left: 26px; |
|
|
|
margin-bottom: 20px; |
|
|
|
margin-bottom: 14px; |
|
|
|
} |
|
|
|
|
|
|
|
.detail { |
|
|
|
p { |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 400; |
|
|
|
color: #FFFFFF; |
|
|
|
color: #ffffff; |
|
|
|
line-height: 32px; |
|
|
|
margin: 0 0 10px; |
|
|
|
} |
|
|
|
@ -164,11 +209,11 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
li { |
|
|
|
color: #FFFFFF; |
|
|
|
line-height: 28px; |
|
|
|
color: #ffffff; |
|
|
|
line-height: 32px; |
|
|
|
|
|
|
|
span { |
|
|
|
color: #9CB4D3 |
|
|
|
color: #9cb4d3; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -182,14 +227,14 @@ export default { |
|
|
|
.text { |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 400; |
|
|
|
color: #A3B9DA; |
|
|
|
color: #a3b9da; |
|
|
|
margin-bottom: 17px; |
|
|
|
} |
|
|
|
|
|
|
|
.num { |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 400; |
|
|
|
color: #A3B9DA; |
|
|
|
color: #a3b9da; |
|
|
|
|
|
|
|
span { |
|
|
|
font-size: 32px; |
|
|
|
@ -200,15 +245,15 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.orange { |
|
|
|
color: #FFB73C; |
|
|
|
color: #ffb73c; |
|
|
|
} |
|
|
|
|
|
|
|
.green { |
|
|
|
color: #08EBAE; |
|
|
|
color: #08ebae; |
|
|
|
} |
|
|
|
|
|
|
|
.light { |
|
|
|
color: #7FCEFF; |
|
|
|
color: #7fceff; |
|
|
|
} |
|
|
|
|
|
|
|
.log { |
|
|
|
@ -219,7 +264,8 @@ export default { |
|
|
|
justify-content: space-between; |
|
|
|
width: 100%; |
|
|
|
color: #fff; |
|
|
|
background: url("@/assets/images/manyidu/hf_line.png") bottom center no-repeat; |
|
|
|
background: url("@/assets/images/manyidu/hf_line.png") bottom center |
|
|
|
no-repeat; |
|
|
|
padding: 9px 0; |
|
|
|
|
|
|
|
.name { |
|
|
|
@ -227,6 +273,5 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
PLUTO
2 years ago
