|
|
|
@ -30,9 +30,9 @@ |
|
|
|
<div class="extra-item"> |
|
|
|
<!-- <a>今日</a> |
|
|
|
<a>本周</a> --> |
|
|
|
<a :class="active=='day'?'active':''" @click="changeTiem('day',0)">按日</a> |
|
|
|
<a :class="active=='month'?'active':''" @click="changeTiem('month',0)">按月</a> |
|
|
|
<a :class="active=='year'?'active':''" @click="changeTiem('year',0)">按年</a> |
|
|
|
<a :class="active=='day'?'active1':''" @click="changeTiem('day',0)">按日</a> |
|
|
|
<a :class="active=='month'?'active1':''" @click="changeTiem('month',0)">按月</a> |
|
|
|
<a :class="active=='year'?'active1':''" @click="changeTiem('year',0)">按年</a> |
|
|
|
</div> |
|
|
|
<!-- <a-range-picker class="picker"/> --> |
|
|
|
</div> |
|
|
|
@ -54,13 +54,13 @@ |
|
|
|
<div class="extra-item"> |
|
|
|
<!-- <a>今日</a> |
|
|
|
<a>本周</a> --> |
|
|
|
<a :class="active1=='day'?'active':''" @click="changeTiem('day',1)">按日</a> |
|
|
|
<a :class="active1=='month'?'active':''" @click="changeTiem('month',1)">按月</a> |
|
|
|
<a :class="active1=='year'?'active':''" @click="changeTiem('year',1)">按年</a> |
|
|
|
<a :class="active1=='day'?'active1':''" @click="changeTiem('day',1)">按日</a> |
|
|
|
<a :class="active1=='month'?'active1':''" @click="changeTiem('month',1)">按月</a> |
|
|
|
<a :class="active1=='year'?'active1':''" @click="changeTiem('year',1)">按年</a> |
|
|
|
</div> |
|
|
|
<!-- <a-range-picker :style="{width: '256px'}" /> --> |
|
|
|
</div> |
|
|
|
<a-tab-pane tab="销售量" key="1"> |
|
|
|
<a-tab-pane tab="访问量" key="1"> |
|
|
|
<a-row> |
|
|
|
<a-col> |
|
|
|
<div class="rank"> |
|
|
|
@ -75,6 +75,21 @@ |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</a-tab-pane> |
|
|
|
<a-tab-pane tab="销售量" key="2"> |
|
|
|
<a-row> |
|
|
|
<a-col> |
|
|
|
<div class="rank"> |
|
|
|
<ul class="list"> |
|
|
|
<li :key="index" v-for="(item, index) in rankList1"> |
|
|
|
<span :class="index < 3 ? 'active' : null">{{ index + 1 }}</span> |
|
|
|
<span>{{ item.username }}</span> |
|
|
|
<span>{{ item.count }}</span> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</a-tab-pane> |
|
|
|
</a-tabs> |
|
|
|
</div> |
|
|
|
</a-card> |
|
|
|
@ -108,12 +123,14 @@ export default { |
|
|
|
], |
|
|
|
query:{ |
|
|
|
leftDate:'year', |
|
|
|
rightDate:'year' |
|
|
|
rightDate:'year', |
|
|
|
saleRankingDate:'year' |
|
|
|
}, |
|
|
|
loading: false, |
|
|
|
barData:[], |
|
|
|
barData2:[], |
|
|
|
rankList:[], |
|
|
|
rankList1:[], |
|
|
|
active:'year', |
|
|
|
active1:'year', |
|
|
|
options1: { |
|
|
|
@ -150,6 +167,7 @@ export default { |
|
|
|
changeTiem(time,type){ |
|
|
|
if(type==1){ |
|
|
|
this.query.rightDate=time |
|
|
|
this.query.saleRankingDate=time |
|
|
|
this.active1=time |
|
|
|
}else{ |
|
|
|
this.query.leftDate=time |
|
|
|
@ -176,6 +194,7 @@ export default { |
|
|
|
}) |
|
|
|
} |
|
|
|
this.rankList=res.data.entrust_ranking |
|
|
|
this.rankList1=res.data.entrust_sale_ranking |
|
|
|
this.options1.datasets=res.data.treeMap |
|
|
|
this.options1.labels=res.data.label |
|
|
|
}else{ |
|
|
|
@ -250,7 +269,7 @@ export default { |
|
|
|
color: #3A3A3A; |
|
|
|
margin-left: 24px; |
|
|
|
} |
|
|
|
.active{ |
|
|
|
.active1{ |
|
|
|
color: #1890FF !important; |
|
|
|
} |
|
|
|
|
|
|
|
@ -283,7 +302,7 @@ export default { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.list li span.active { |
|
|
|
background-color: #314659; |
|
|
|
background-color: #1890FF; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.list li span:last-child { |
|
|
|
|
