@@ -207,6 +207,14 @@ export default {
color: #f1f1f1;
background: linear-gradient(to right, rgba(39, 180, 255, 0.7), rgba(76, 245, 255, 0.3));
}
+ select{
+ border:0;
+ background:none;
+ font-size: 16px;
+ option{
+ color: #333
+ }
.focus{
transform: scale(1.1);
@@ -7,8 +7,12 @@
</div>
<div class="pagetab" v-else>
- <div class="item" :class="item == curYear ? 'focus': ''" style="width: 100px;margin-right:10px" v-focusable v-for="item in yearArr" :key="item" @click="toPage(item)">
- {{item}} 年
+ <div class="item" style="width: 120px;margin-right:10px" v-focusable>
+ <select @click="changeYear">
+ <option v-for="item in yearArr" :key="item" :value="item" :selected="curYear==item" >
+ {{item}} 年
+ </option>
+ </select>
<ItemWrap class="contetn_left-top contetn_lr-aitem" title="加盟商分布">
@@ -105,6 +109,9 @@ export default {
this.yearArr = [toYeay-3,toYeay-2,toYeay-1,toYeay]
},
methods: {
+ changeYear(e){
+ this.toPage(e.target.value)
+ },
toPage (curYear) {
if(!this.isInnerPage){
this.$router.push({ name: 'realTimeSalesReport', query: { year: this.curYear } })
<ItemWrap class="contetn_left-top contetn_lr-item" :title="'区域销售金额占比'">
@@ -96,6 +100,9 @@ export default {
this.$router.push({ name: 'fPanalysisReport', query: { year: this.curYear } })