elink-star
/
epmet-work-pc
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

问题修改

V1.0
张若晨 3 years ago
parent
2f159ea55f
commit
6efe6c3040
1 changed files with 103 additions and 58 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 161
      src/views/dataBoard/satisfactionEval/dissatisfied/detail.vue

161
src/views/dataBoard/satisfactionEval/dissatisfied/detail.vue
View File

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

Write Preview
Loading…
Cancel
Save