Commit ea40a82c by 姜雷

Merge branch 'develop' into 'test'

Develop See merge request !16
parents 36b03cd0 bb7aff70
...@@ -54,9 +54,7 @@ export default { ...@@ -54,9 +54,7 @@ export default {
]), ]),
changeFilterHandle(data) { changeFilterHandle(data) {
this.updateFilters(data); this.updateFilters(data);
this.fetchConsumeList().then(() => { this.fetchConsumeList();
this.updateCampusName(data.areaName);
});
}, },
changeCampusHandle(data) { changeCampusHandle(data) {
this.fetchConsumeList({ this.fetchConsumeList({
......
...@@ -103,6 +103,9 @@ export default { ...@@ -103,6 +103,9 @@ export default {
this.changeSelected(this.data[0]); this.changeSelected(this.data[0]);
this.updateCampusName(this.data[0].areaName); this.updateCampusName(this.data[0].areaName);
this.SelectedDataIndex = this.data[0]; this.SelectedDataIndex = this.data[0];
} else {
this.updateCampusName();
this.SelectedDataIndex = null;
} }
}, },
clickHandle(ev) { clickHandle(ev) {
......
...@@ -10,14 +10,21 @@ ...@@ -10,14 +10,21 @@
<span class="red">{{count}}</span> <span class="red">{{count}}</span>
</div> </div>
</div> </div>
<div class="CustomerFeedback-List"> <div
class="CustomerFeedback-List"
v-if="show"
:style="`width:${width}px`"
>
<div <div
class="CustomerFeedback-Item" class="CustomerFeedback-Item"
v-for="(item, index) in feedbackList" v-for="(item, index) in feedbackList"
:key="index" :key="index"
> >
<span class="CustomerFeedback-ItemNum">{{item.count}}</span> <span class="CustomerFeedback-ItemNum">{{item.count}}</span>
<span class="CustomerFeedback-ItemName">{{item.areaName}}</span> <span
class="CustomerFeedback-ItemName"
:title="item.areaName"
>{{item.areaName}}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -31,9 +38,21 @@ export default { ...@@ -31,9 +38,21 @@ export default {
computed: { computed: {
...mapGetters('Dashboard/customerFeedback', ['feedbackList', 'count']), ...mapGetters('Dashboard/customerFeedback', ['feedbackList', 'count']),
}, },
data() {
return {
show: false,
};
},
created() { created() {
this.initData(); this.initData();
}, },
mounted() {
let boxDom = document.querySelector('.CustomerFeedback');
let listDom = document.querySelector('.CustomerFeedback-List');
this.width = boxDom.clientWidth;
this.show = true;
},
methods: { methods: {
...mapActions('Dashboard/customerFeedback', ['getFeedbackList']), ...mapActions('Dashboard/customerFeedback', ['getFeedbackList']),
initData() { initData() {
...@@ -87,7 +106,11 @@ export default { ...@@ -87,7 +106,11 @@ export default {
flex: 1; flex: 1;
padding-right: 20px; padding-right: 20px;
line-height: 28px; line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
} }
} }
@media screen and (max-width: $bigScreenWidth) { @media screen and (max-width: $bigScreenWidth) {
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<img src="@/assets/images/dashboard/icon_zhanbi@2x.png" /> <img src="@/assets/images/dashboard/icon_zhanbi@2x.png" />
</div> </div>
<div class="Dashboard-title-text">各服务消费占比</div> <div class="Dashboard-title-text">各服务消费占比</div>
<div class="Dashboard-title-top">TOP1</div> <!-- <div class="Dashboard-title-top">TOP1</div> -->
</div> </div>
<SeviceRatioChart <SeviceRatioChart
:data="seviceRatioList" :data="seviceRatioList"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment