|
|
@ -9,7 +9,9 @@ |
|
|
|
<!-- <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"/> |
|
|
|
</div> |
|
|
@ -23,11 +25,13 @@ |
|
|
|
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"/> |
|
|
@ -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,16 +113,16 @@ 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 { |
|
|
@ -122,18 +133,19 @@ export default { |
|
|
|
.more { |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 400; |
|
|
|
color: #a0cdff; |
|
|
|
cursor: pointer; |
|
|
|
color: #a0cdff; |
|
|
|
} |
|
|
|
|
|
|
|
.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> |
|
|
|