|
|
@ -2,52 +2,56 @@ |
|
|
|
<div class="satisfaction-eval"> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col :span="8" class="bgImg"> |
|
|
|
<Title text="12345数据分析" /> |
|
|
|
<Title text="12345数据分析"/> |
|
|
|
<eventAnalysis/> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8" > |
|
|
|
<el-col :span="8"> |
|
|
|
<!-- <EventSituation /> --> |
|
|
|
<div class=" bgImg"> |
|
|
|
<Title text="不满意事项类型分析"> |
|
|
|
<div class="more" @click="goToPage(`/dataBoard/satisfactionEval/dissatisfied/${index}/${type}/${time}`)">查看详细 <i class="el-icon-arrow-right"></i></div> |
|
|
|
<div class="more" |
|
|
|
@click="goToPage(`/dataBoard/satisfactionEval/dissatisfied/${index}/${type}/${time}`)">查看详细 <i |
|
|
|
class="el-icon-arrow-right"></i></div> |
|
|
|
</Title> |
|
|
|
<TypesOfDissatisfaction @timeChange="timeChange" /> |
|
|
|
<TypesOfDissatisfaction @timeChange="timeChange"/> |
|
|
|
</div> |
|
|
|
<div class="bgImg"> |
|
|
|
<Title text="不满意事项及满意度自查走势" /> |
|
|
|
<SelfTrend /> |
|
|
|
<Title text="不满意事项及满意度自查走势"/> |
|
|
|
<SelfTrend/> |
|
|
|
</div> |
|
|
|
<div class="bgImg"> |
|
|
|
<Title text="不满意人数统计及自查得分" > |
|
|
|
<Title text="不满意人数统计及自查得分"> |
|
|
|
<el-date-picker |
|
|
|
size="small" |
|
|
|
popper-class="date-current-weiyi" |
|
|
|
:append-to-body="false" |
|
|
|
v-model="scoreMonth" type="month" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
v-model="scoreMonth" |
|
|
|
type="month" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
value="yyyy-MM" |
|
|
|
placeholder="按月度" |
|
|
|
style="width: 118px" |
|
|
|
:picker-options= "pickerOptions" |
|
|
|
/> |
|
|
|
</Title> |
|
|
|
<SelfInspectionScore :date="scoreMonth"/> |
|
|
|
<!-- <Title text="下级组织不满意事项统计" /> |
|
|
|
<!-- <Title text="下级组织不满意事项统计" /> |
|
|
|
<EventStatistics :date="typeDate" /> |
|
|
|
--></div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="bgImg"> |
|
|
|
<Title text="社区自查不满意原因" /> |
|
|
|
<DissatisfiedReason /> |
|
|
|
<Title text="社区自查不满意原因"/> |
|
|
|
<DissatisfiedReason/> |
|
|
|
</div> |
|
|
|
<div class="bgImg"> |
|
|
|
<Title text="不满意人员画像" /> |
|
|
|
<PersonnelPortrait /> |
|
|
|
<Title text="不满意人员画像"/> |
|
|
|
<PersonnelPortrait/> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="bgImg"> |
|
|
|
<Title text="潜在不满意人数" /> |
|
|
|
<PotentialPeople :date="typeDate" /> |
|
|
|
<Title text="潜在不满意人数"/> |
|
|
|
<PotentialPeople :date="typeDate"/> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
@ -89,7 +93,14 @@ export default { |
|
|
|
index: 0, |
|
|
|
type: 0, |
|
|
|
time: 0, |
|
|
|
scoreMonth: "" |
|
|
|
scoreMonth: this.$moment().add(-1, 'month').startOf("month").format("YYYY-MM-DD"), |
|
|
|
pickerOptions: { |
|
|
|
disabledDate: (time) => { |
|
|
|
let month = this.$moment().add(-1, 'month').startOf("month").format("YYYY-MM-DD") |
|
|
|
// return time.getTime() > Date.now() |
|
|
|
return time.getTime() > new Date(month).getTime(); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
@ -102,38 +113,39 @@ export default { |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style lang="scss" src="@/assets/scss/dataBoard/overview/index.scss" scoped /> |
|
|
|
<style lang="scss" scoped src="@/assets/scss/dataBoard/overview/index.scss"/> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
<style lang="scss" scoped> |
|
|
|
/deep/ .el-input__inner { |
|
|
|
//width: 90px !important; |
|
|
|
height: 24px !important; |
|
|
|
background: #021c49 !important; |
|
|
|
color: #a0cdff; |
|
|
|
border: 1px solid #125aaa !important; |
|
|
|
border-radius: 12px !important; |
|
|
|
color: #a0cdff; |
|
|
|
} |
|
|
|
background: #021c49 !important; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-input__icon { |
|
|
|
/deep/ .el-input__icon { |
|
|
|
line-height: 24px !important; |
|
|
|
color: #a0cdff; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.more { |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 400; |
|
|
|
color: #a0cdff; |
|
|
|
cursor: pointer; |
|
|
|
color: #a0cdff; |
|
|
|
} |
|
|
|
.bgImg{ |
|
|
|
|
|
|
|
.bgImg { |
|
|
|
margin-top: 5px; |
|
|
|
background: url('@/assets/images/shuju/overview/box-bg.png') no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
margin-top: 5px; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .date-current-weiyi { |
|
|
|
background: rgba(3, 19, 51, 0.9); |
|
|
|
border-color: #006cff; |
|
|
|
background: rgba(3, 19, 51, 0.9); |
|
|
|
box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); |
|
|
|
|
|
|
|
.el-date-picker__header-label { |
|
|
@ -164,5 +176,9 @@ export default { |
|
|
|
.el-date-picker__header--bordered { |
|
|
|
border-bottom: solid 1px #006cff; |
|
|
|
} |
|
|
|
.el-month-table td.disabled .cell { |
|
|
|
background: none; |
|
|
|
opacity: .5; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|