首页统计页面修改

src/views/index.vue

@@ -182,7 +182,7 @@
                 start-placeholder="开始日期"
                 end-placeholder="结束日期"
                 value-format="yyyy-MM-dd"
-                :picker-options="pickerOptions1"
+                :picker-options="pickerOptions"
                 @change="dateSelect1"
               >
               </el-date-picker>
@@ -217,7 +217,7 @@
                 start-placeholder="开始日期"
                 end-placeholder="结束日期"
                 value-format="yyyy-MM-dd"
-                :picker-options="pickerOptions2"
+                :picker-options="pickerOptions"
                 @change="dateSelect2"
               >
               </el-date-picker>
@@ -252,7 +252,7 @@
                 start-placeholder="开始日期"
                 end-placeholder="结束日期"
                 value-format="yyyy-MM-dd"
-                :picker-options="pickerOptions3"
+                :picker-options="pickerOptions"
                 @change="dateSelect3"
               >
               </el-date-picker>
@@ -276,7 +276,7 @@
                 start-placeholder="开始日期"
                 end-placeholder="结束日期"
                 value-format="yyyy-MM-dd"
-                :picker-options="pickerOptions4"
+                :picker-options="pickerOptions"
                 @change="dateSelect4"
               >
               </el-date-picker>
@@ -334,8 +334,7 @@ export default {
       queryParams4:{
         days:7
       },
-      timeArr1: [],
-      pickerOptions1: {
+      pickerOptions: {
          shortcuts: [{
           text: '最近7天',
           onClick(picker) {
@@ -373,123 +372,10 @@ export default {
           }
         }]
       },
+      timeArr1: [],
       timeArr2: [],
-      pickerOptions2: {
-         shortcuts: [{
-          text: '最近7天',
-          onClick(picker) {
-          const end = new Date();
-          const start = new Date();
-          start.setTime(start.getTime() - 3600 * 1000 * 24 * (7-1));
-          picker.$emit('pick', [start, end]);
-          }
-        },
-        {
-          text: '最近30天',
-          onClick(picker) {
-          const end = new Date();
-          const start = new Date();
-          start.setTime(start.getTime() - 3600 * 1000 * 24 * (30-1));
-          picker.$emit('pick', [start, end]);
-          }
-        },
-        {
-          text: '最近三个月',
-          onClick(picker) {
-          const end = new Date();
-          const start = new Date();
-          start.setTime(start.getTime() - 3600 * 1000 * 24 * (90-1));
-          picker.$emit('pick', [start, end]);
-          }
-        },
-        {
-          text: '最近六个月',
-          onClick(picker) {
-          const end = new Date();
-          const start = new Date();
-          start.setTime(start.getTime() - 3600 * 1000 * 24 * (180-1));
-          picker.$emit('pick', [start, end]);
-          }
-        }]
-      },
       timeArr3: [],
-      pickerOptions3: {
-         shortcuts: [{
-          text: '最近7天',
-          onClick(picker) {
-          const end = new Date();
-          const start = new Date();
-          start.setTime(start.getTime() - 3600 * 1000 * 24 * (7-1));
-          picker.$emit('pick', [start, end]);
-          }
-        },
-        {
-          text: '最近30天',
-          onClick(picker) {
-          const end = new Date();
-          const start = new Date();
-          start.setTime(start.getTime() - 3600 * 1000 * 24 * (30-1));
-          picker.$emit('pick', [start, end]);
-          }
-        },
-        {
-          text: '最近三个月',
-          onClick(picker) {
-          const end = new Date();
-          const start = new Date();
-          start.setTime(start.getTime() - 3600 * 1000 * 24 * (90-1));
-          picker.$emit('pick', [start, end]);
-          }
-        },
-        {
-          text: '最近六个月',
-          onClick(picker) {
-          const end = new Date();
-          const start = new Date();
-          start.setTime(start.getTime() - 3600 * 1000 * 24 * (180-1));
-          picker.$emit('pick', [start, end]);
-          }
-        }]
-      },
-      timeArr4: [],
-      pickerOptions4: {
-         shortcuts: [{
-          text: '最近7天',
-          onClick(picker) {
-          const end = new Date();
-          const start = new Date();
-          start.setTime(start.getTime() - 3600 * 1000 * 24 * (7-1));
-          picker.$emit('pick', [start, end]);
-          }
-        },
-        {
-          text: '最近30天',
-          onClick(picker) {
-          const end = new Date();
-          const start = new Date();
-          start.setTime(start.getTime() - 3600 * 1000 * 24 * (30-1));
-          picker.$emit('pick', [start, end]);
-          }
-        },
-        {
-          text: '最近三个月',
-          onClick(picker) {
-          const end = new Date();
-          const start = new Date();
-          start.setTime(start.getTime() - 3600 * 1000 * 24 * (90-1));
-          picker.$emit('pick', [start, end]);
-          }
-        },
-        {
-          text: '最近六个月',
-          onClick(picker) {
-          const end = new Date();
-          const start = new Date();
-          start.setTime(start.getTime() - 3600 * 1000 * 24 * (180-1));
-          picker.$emit('pick', [start, end]);
-          }
-        }]
-      }
+      timeArr4: []
     };
   },
   mounted: function () {
@@ -658,7 +544,7 @@ export default {
         this.loading = false
       })
     },
-    
+
     accDiv(data){
       return accDiv(data, 100)
     },