Browse Source

bug 修改

lilei 1 năm trước cách đây
mục cha
commit
19cf9ae29b

+ 8 - 0
src/layouts/BigScreen.vue

@@ -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);

+ 9 - 2
src/views/bigScreen/fPanalysisReport/index.vue

@@ -7,8 +7,12 @@
         </div>
       </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>
         </div>
       </div>
       <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 } })

+ 9 - 2
src/views/bigScreen/realTimeSalesReport/index.vue

@@ -7,8 +7,12 @@
         </div>
       </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>
         </div>
       </div>
       <ItemWrap class="contetn_left-top contetn_lr-item" :title="'区域销售金额占比'">
@@ -96,6 +100,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: 'fPanalysisReport', query: { year: this.curYear } })