disable date

src/views/dashboard/components/trendAnalysis.vue

@@ -12,14 +12,14 @@
         <el-radio-button :label="2">月</el-radio-button>
       </el-radio-group>
       <div v-if="date == 1" class="date_show">
-        <span class="calendar" @click="lastYear()"><i class="el-icon-arrow-left" /></span>
+        <el-button icon="el-icon-arrow-left" size="mini"  @click="lastYear()" ></el-button>
         {{year}}年
-        <span class="calendar" @click="nextYear()"><i class="el-icon-arrow-right" /></span>
+        <el-button icon="el-icon-arrow-right" :disabled="isDisableYear" size="mini"  @click="nextYear()" ></el-button>
       </div>
       <div v-else class="date_show">
-        <span class="calendar" @click="lastMonth()"><i class="el-icon-arrow-left" /></span>
+        <el-button icon="el-icon-arrow-left" size="mini"  @click="lastMonth()" ></el-button>
         {{year}}年{{month}}月
-        <span class="calendar" @click="getNextMonth()"><i class="el-icon-arrow-right" /></span>
+        <el-button icon="el-icon-arrow-right" :disabled="isDisableMonth" size="mini"  @click="getNextMonth()" ></el-button>
       </div>
       <div ref="chartLine" :key="componentKeys" class="chartLine"></div>
     </div>
@@ -68,6 +68,12 @@ export default {
   computed:{
     finalyText() {
       return '趋势分析图形(' + this.curInfo.baseInfo.leakyCableDescribe + ')'
+    },
+    isDisableYear() {
+      return this.year >= new Date().getFullYear()
+    },
+    isDisableMonth() {
+      return this.month >= new Date().getMonth()+1
     }
   },
   watch: {