日期范围切换

ruoyi-ui/src/views/picture/scenic-flow/index.vue

@@ -97,11 +97,12 @@
                 v-model="TodayData"
                 type="daterange"
                 range-separator="-"
-                format="yyyy-MM-dd"
+                value-format="dd"
                 :start-placeholder="startTime"
                 :end-placeholder="endTime"
                 class="p-flowdata-picker"
                 popper-class="p-flowdata-popper"
+                @change="changeValue"
               >
               </el-date-picker>
               <base-echarts1 type="area" :propsData="FlowTodayData"></base-echarts1>
@@ -163,7 +164,8 @@ export default {
   data() {
     return {
       flowState: '进客流',
-      cityOptions: [{
+      cityOptions: [
+        {
         value: '石家庄市',
         label: '石家庄市'
       }, {
@@ -195,7 +197,8 @@ export default {
         label: '衡水市'
       }],
       city: '石家庄市',
-      areaOptions: [{
+      areaOptions: [
+        {
         value: '平山县',
         label: '平山县'
       },
@@ -220,7 +223,8 @@ export default {
           label: '行唐县'
         }],
       area: '平山县',
-      scenicOptions: [{
+      scenicOptions: [
+        {
         value: '西柏坡景区',
         label: '西柏坡景区'
       }, {
@@ -254,6 +258,8 @@ export default {
       startTime: '',
       endtTime: '',
       TodayData: '',
+      startDate: '',
+      endDate: '',
       //客流同环比分析 数据
       FlowRingData: [],
       //按月客流分析 数据
@@ -284,16 +290,16 @@ export default {
   },
   watch: {
     //日期选择监听
-    TodayData: {
-      immediate: false,
-      handler(newValue, oldValue) {
-        let datas = newValue
-        this.startTime = this.$filter.formatDate(datas[0])
-        this.endTime = this.$filter.formatDate(datas[1])
-        let backTime = {'startTime': this.startTime, 'endTime': this.endTime}
-        this.getFlowToday(backTime)
-      }
-    },
+    // TodayData: {
+    //   immediate: false,
+    //   handler(newValue, oldValue) {
+    //     let datas = newValue
+    //     this.startTime = this.$filter.formatDate(datas[0])
+    //     this.endTime = this.$filter.formatDate(datas[1])
+    //     let backTime = {'startTime': this.startTime, 'endTime': this.endTime}
+    //     this.getFlowToday(backTime)
+    //   }
+    // },
     //月份选择监听
     MonthData: {
       immediate: false,
@@ -318,6 +324,27 @@ export default {
 
   },
   methods: {
+    changeValue(e){
+      // let arr = []
+      // e.forEach(item=>{
+      //   item.format('yyyy-MM-dd')
+      //   arr.push(item)
+      // })
+      console.log(e,'日期范围');
+      if(e[0] == 11&&e[1] == 18){
+        this.FlowTodayData.eChartData = {
+          seriesData: [{"name": "人次", "value": ["20", "30", "50", "80", "30", "40", "20", "10"]}],
+          name: "按日客流分析",
+          categories: ["2023-10-11", "2023-10-12", "2023-10-13", "2023-10-14", "2023-10-15", "2023-10-16", "2023-10-17", "2023-10-18"]
+        }
+      }else{
+        this.FlowTodayData.eChartData = {
+          seriesData: [{"name": "人次", "value": ["70", "10", "30", "50", "40", "50", "30", "90"]}],
+          name: "按日客流分析",
+          categories: ["2023-10-20", "2023-10-21", "2023-10-22", "2023-10-23", "2023-10-24", "2023-10-25", "2023-10-26", "2023-10-27"]
+        }
+      }
+    },
     getflowState(scenic, state) {
       this.flowState = state
       this.getchange(scenic, state)