You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
2.4 KiB
93 lines
2.4 KiB
<template>
|
|
<div class="satisfaction-eval">
|
|
<el-row :gutter="20">
|
|
<el-col :span="8">
|
|
<div class="bg">
|
|
<Title text="不满意事项类型分析">
|
|
<div class="more">
|
|
查看详细 <i class="el-icon-arrow-right"></i>
|
|
</div>
|
|
</Title>
|
|
|
|
<TypesOfDissatisfaction/>
|
|
</div>
|
|
<div class="bg">
|
|
<Title text="不满意风险人员统计及回访情况"/>
|
|
<RiskStatistics/>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<EventSituation/>
|
|
<div class="bg2">
|
|
<Title text="不满意事项及满意度自查走势"/>
|
|
<SelfTrend/>
|
|
</div>
|
|
<div class="bg2">
|
|
<Title text="下级网格不满意事项统计"/>
|
|
<EventStatistics/>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="bg2">
|
|
<Title text="不满意人员画像"/>
|
|
<PersonnelPortrait/>
|
|
</div>
|
|
|
|
<div class="bg2">
|
|
<Title text="潜在不满意人数"/>
|
|
<PotentialPeople/>
|
|
</div>
|
|
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import TypesOfDissatisfaction from "./modules/TypesOfDissatisfaction";
|
|
import RiskStatistics from "./modules/RiskStatistics"
|
|
import Title from "@/views/dataBoard/satisfactionEval/components/Title"
|
|
import EventSituation from "@/views/dataBoard/satisfactionEval/modules/EventSituation";
|
|
import SelfTrend from "@/views/dataBoard/satisfactionEval/modules/SelfTrend";
|
|
import EventStatistics from "@/views/dataBoard/satisfactionEval/modules/EventStatistics";
|
|
import PersonnelPortrait from "@/views/dataBoard/satisfactionEval/modules/PersonnelPortrait";
|
|
import PotentialPeople from "@/views/dataBoard/satisfactionEval/modules/PotentialPeople";
|
|
|
|
export default {
|
|
name: "satisfactionEvaluation",
|
|
components: {
|
|
EventStatistics,
|
|
SelfTrend,
|
|
EventSituation,
|
|
TypesOfDissatisfaction,
|
|
RiskStatistics,
|
|
Title,
|
|
PersonnelPortrait,
|
|
PotentialPeople
|
|
},
|
|
data() {
|
|
return {}
|
|
},
|
|
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.satisfaction-eval {
|
|
padding: 24px 20px;
|
|
}
|
|
|
|
.more {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #A0CDFF;
|
|
}
|
|
|
|
.bg2 {
|
|
background: linear-gradient(180deg, rgba(46, 164, 255, 0.1) 0%, rgba(13, 143, 243, 0) 100%);
|
|
}
|
|
|
|
.bg {
|
|
background: linear-gradient(144deg, rgba(46, 164, 255, 0.1) 0%, rgba(13, 143, 243, 0) 100%);
|
|
}
|
|
</style>
|