diff --git a/ruoyi-ui/src/views/picture/car-park/index.vue b/ruoyi-ui/src/views/picture/car-park/index.vue
index adab7e74..8446b78e 100644
--- a/ruoyi-ui/src/views/picture/car-park/index.vue
+++ b/ruoyi-ui/src/views/picture/car-park/index.vue
@@ -2,61 +2,116 @@
   <!-- 停车场数据分析 入口文件-->
   <div class="p-pages-box p-pages-bg">
     <!-- 页面头部 -->
-    <base-header title="停车场数据分析"></base-header>
+    <base-header title="文旅重点场所视频监控分析子平台停车场数据分析">
+    </base-header>
+    <button class="change-data" @click="showDialog=!showDialog">数据过滤</button>
+    <div v-if="showDialog" class="p-filter">
+      <!--      <div class="p-filter-title">客流分析筛选</div>-->
+      <div class="p-filter-box">
+        <div class="filter-box-item">
+          <el-select v-model="city" placeholder="请选择市">
+            <el-option
+              v-for="item in cityOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+        <div class="filter-box-item">
+          <el-select v-model="country" placeholder="请选择县(区)">
+            <el-option
+              v-for="item in countryOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+        <div class="filter-box-item">
+          <el-select v-model="scenic" placeholder="请选择景区" @change="changeValue">
+            <el-option
+              v-for="item in scenicOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+      </div>
+
+    </div>
     <!-- 页面主体 -->
     <div class="p-pages-main p-container">
       <el-row :gutter="20">
-
         <el-col :span="6">
           <!-- 车流统计 -->
-          <base-module name="CarFlowCount" id="carFlow-count" class="m-t-large" style="height: 28vh">
-            <base-module-card cardTitle="车流统计" cardType="small">
+          <base-module id="carFlow-count" class="m-t-large" name="CarFlowCount" style="height: 28vh">
+            <base-module-card cardTitle="停车场余位情况" cardType="small">
               <car-flow :propsData="CarFlowCountData"></car-flow>
             </base-module-card>
           </base-module>
           <!-- 车辆类型分析 -->
-          <base-module name="CarType" id="car-type" class="m-t-large" style="height: 28vh">
+          <base-module id="car-type" class="m-t-large" name="CarType" style="height: 28vh">
             <base-module-card cardTitle="车辆类型分析" cardType="small">
-              <base-echarts1 type="ring" :propsData="CarTypeData"></base-echarts1>
+              <base-echarts1 :propsData="CarTypeData" type="ring"></base-echarts1>
+            </base-module-card>
+          </base-module>
+        </el-col>
+
+        <el-col :span="9">
+          <!-- 车流分析 -->
+          <base-module id="carFlow-analyse" class="m-t-large" name="CarFlowAnalyse" style="height: 28vh">
+            <base-module-card cardTitle="排队流量" cardType="small">
+              <base-echarts1 :propsData="CarStopTimesData1" type="column"></base-echarts1>
+            </base-module-card>
+          </base-module>
+        </el-col>
+        <el-col :span="9">
+          <!-- 车流分析 -->
+          <base-module id="carFlow-analyse" class="m-t-large" name="CarFlowAnalyse" style="height: 28vh">
+            <base-module-card cardTitle="密度分析" cardType="small">
+              <base-echarts1 :propsData="CarStopTimesData2" type="column"></base-echarts1>
             </base-module-card>
           </base-module>
         </el-col>
-        <el-col :span="18">
-          <!-- 车源地分布 -->
-          <base-module name="CarSource" id="car-source" class="m-t-large" style="height: calc(56vh + 20rem)">
-            <base-module-card cardTitle="车源地分布" cardType="small">
-              <el-row :gutter="20" class="height-full">
-                <el-col :span="12" class="height-full">
-                  <base-echarts1 type="map"  :propsData="CarSourceData"></base-echarts1>
-                </el-col>
-                <el-col :span="12" class="height-full">
-                  <rank-chart unit="辆" :propsData="CarSourceRank"></rank-chart>
-                </el-col>
-              </el-row>
+        <el-col :span="9">
+          <!-- 车流分析 -->
+          <base-module id="carFlow-analyse" class="m-t-large" name="CarFlowAnalyse" style="height: 28vh">
+            <base-module-card cardTitle="车流入口量" cardType="small">
+              <base-echarts1 :propsData="CarFlowAnalyseData1" type="mix"></base-echarts1>
+            </base-module-card>
+          </base-module>
+        </el-col>
+        <el-col :span="9">
+          <!-- 车流分析 -->
+          <base-module id="carFlow-analyse" class="m-t-large" name="CarFlowAnalyse" style="height: 28vh">
+            <base-module-card cardTitle="车流出口量" cardType="small">
+              <base-echarts1 :propsData="CarFlowAnalyseData2" type="mix"></base-echarts1>
             </base-module-card>
           </base-module>
         </el-col>
         <el-col :span="6">
           <!-- 停车时长分析 -->
-          <base-module name="CarStopTimes" id="car-stopTimes" class="m-t-large" style="height: 28vh">
+          <base-module id="car-stopTimes" class="m-t-large" name="CarStopTimes" style="height: 28vh">
             <base-module-card cardTitle="停车时长分析" cardType="small">
-              <base-echarts1 type="column" :propsData="CarStopTimesData"></base-echarts1>
+              <base-echarts1 :propsData="CarStopTimesData" type="column"></base-echarts1>
             </base-module-card>
           </base-module>
         </el-col>
         <el-col :span="9">
           <!-- 车流分析 -->
-          <base-module name="CarFlowAnalyse" id="carFlow-analyse" class="m-t-large" style="height: 28vh">
+          <base-module id="carFlow-analyse" class="m-t-large" name="CarFlowAnalyse" style="height: 28vh">
             <base-module-card cardTitle="车流分析" cardType="small">
-              <base-echarts1 type="mix" :propsData="CarFlowAnalyseData"></base-echarts1>
+              <base-echarts1 :propsData="CarFlowAnalyseData" type="mix"></base-echarts1>
             </base-module-card>
           </base-module>
         </el-col>
         <el-col :span="9">
           <!-- 分时段车流趋势 -->
-          <base-module name="CarFlowTrend " id="carFlow-trend " class="m-t-large" style="height:28vh">
+          <base-module id="carFlow-trend " class="m-t-large" name="CarFlowTrend " style="height:28vh">
             <base-module-card cardTitle="分时段车流趋势" cardType="small">
-              <base-echarts1 type="line" :propsData="CarFlowTrendData"></base-echarts1>
+              <base-echarts1 :propsData="CarFlowTrendData" type="line"></base-echarts1>
             </base-module-card>
           </base-module>
         </el-col>
@@ -88,22 +143,1237 @@ export default {
   components: {MapChart, rankChart, carFlow},
   data() {
     return {
+      showDialog: false,
+      cityOptions: [
+        {
+          value: '石家庄市',
+          label: '石家庄市'
+        }, {
+          value: '唐山市',
+          label: '唐山市'
+        }, {
+          value: '秦皇岛市',
+          label: '秦皇岛市'
+        }, {
+          value: '邯郸市',
+          label: '邯郸市'
+        }, {
+          value: '保定市',
+          label: '保定市'
+        }, {
+          value: '张家口市',
+          label: '张家口市'
+        }, {
+          value: '承德市',
+          label: '承德市'
+        }, {
+          value: '沧州市',
+          label: '沧州市'
+        }, {
+          value: '廊坊市',
+          label: '廊坊市'
+        }, {
+          value: '衡水市',
+          label: '衡水市'
+        }],
+      countryOptions: [
+        {
+          value: '平山县',
+          label: '平山县'
+        },
+        {
+          value: '鹿泉区',
+          label: '鹿泉区'
+        },
+        {
+          value: '灵寿县',
+          label: '灵寿县'
+        },
+        {
+          value: '井陉县',
+          label: '井陉县'
+        },
+        {
+          value: '深泽县',
+          label: '深泽县'
+        },
+        {
+          value: '行唐县',
+          label: '行唐县'
+        },
+      ],
+      city: '石家庄市',
+      country: '平山县',
+      scenic: '西柏坡景区',
+      scenicOptions: [
+        {
+          value: '西柏坡景区',
+          label: '西柏坡景区'
+        }, {
+          value: '南长城景区',
+          label: '南长城景区'
+        }, {
+          value: '韩信文化苑',
+          label: '韩信文化苑'
+        }, {
+          value: '乾隆碑亭',
+          label: '乾隆碑亭'
+        }, {
+          value: '毛泽东旧址',
+          label: '毛泽东旧址'
+        }],
       //车流统计 数据
       CarFlowCountData: {
         saturatio: {name: "", percentage: ""},
         Total: '', surplus: '', carFlow: '', alarm: ''
       },
       //车源地分布 数据
-      CarSourceData:{eChartOpts: {}, eChartData: {}},
+      CarSourceData: {eChartOpts: {}, eChartData: {}},
       CarSourceRank: {},
       //车辆类型分析 数据
-      CarTypeData: {eChartOpts: {}, eChartData: {}},
+      CarTypeData: {eChartOpts: {}, eChartData: {
+          "name": "车辆类型分析",
+          "seriesData": [
+            {
+              "name": "小型车",
+              "value": "95"
+            },
+            {
+              "name": "摩托车",
+              "value": "0"
+            },
+            {
+              "name": "大型车",
+              "value": "44"
+            },
+            {
+              "name": "其他车",
+              "value": "17"
+            }
+          ],
+          "series": [
+            {
+              "name": "小型车",
+              "value": "95"
+            },
+            {
+              "name": "摩托车",
+              "value": "0"
+            },
+            {
+              "name": "大型车",
+              "value": "44"
+            },
+            {
+              "name": "其他车",
+              "value": "17"
+            }
+          ]
+        }},
+      CarTypeData1:{
+        "name": "车辆类型分析",
+        "seriesData": [
+          {
+            "name": "小型车",
+            "value": "95"
+          },
+          {
+            "name": "摩托车",
+            "value": "0"
+          },
+          {
+            "name": "大型车",
+            "value": "44"
+          },
+          {
+            "name": "其他车",
+            "value": "17"
+          }
+        ],
+        "series": [
+          {
+            "name": "小型车",
+            "value": "95"
+          },
+          {
+            "name": "摩托车",
+            "value": "0"
+          },
+          {
+            "name": "大型车",
+            "value": "44"
+          },
+          {
+            "name": "其他车",
+            "value": "17"
+          }
+        ]
+      },
+      CarTypeData2:{
+        "name": "车辆类型分析",
+        "seriesData": [
+          {
+            "name": "小型车",
+            "value": "45"
+          },
+          {
+            "name": "摩托车",
+            "value": "0"
+          },
+          {
+            "name": "大型车",
+            "value": "64"
+          },
+          {
+            "name": "其他车",
+            "value": "13"
+          }
+        ],
+        "series": [
+          {
+            "name": "小型车",
+            "value": "45"
+          },
+          {
+            "name": "摩托车",
+            "value": "0"
+          },
+          {
+            "name": "大型车",
+            "value": "64"
+          },
+          {
+            "name": "其他车",
+            "value": "13"
+          }
+        ]
+      },
       //停车时长分析 数据
-      CarStopTimesData: {eChartOpts: {}, eChartData: {}},
+      CarStopTimesData: {eChartOpts: {}, eChartData: {
+          "name": "停留时长分析",
+          "categories": [
+            "1-2小时",
+            "2-3小时",
+            "3-4小时",
+            "4-8小时",
+            "8小时以上"
+          ],
+          "seriesData": [
+            {
+              "name": "数量",
+              "value": [
+                "21",
+                "165",
+                "156",
+                "41",
+                "15"
+              ]
+            }
+          ],
+          "series": [
+            {
+              "name": "数量",
+              "value": [
+                "11",
+                "135",
+                "126",
+                "51",
+                "5"
+              ]
+            }
+          ]
+        }},
+      CarStopTimesData11:{
+        "name": "停留时长分析",
+        "categories": [
+          "1-2小时",
+          "2-3小时",
+          "3-4小时",
+          "4-8小时",
+          "8小时以上"
+        ],
+        "seriesData": [
+          {
+            "name": "数量",
+            "value": [
+              "21",
+              "165",
+              "156",
+              "41",
+              "15"
+            ]
+          }
+        ],
+        "series": [
+          {
+            "name": "数量",
+            "value": [
+              "11",
+              "135",
+              "126",
+              "51",
+              "5"
+            ]
+          }
+        ]
+      },
+      CarStopTimesData12:{
+        "name": "停留时长分析",
+        "categories": [
+          "1-2小时",
+          "2-3小时",
+          "3-4小时",
+          "4-8小时",
+          "8小时以上"
+        ],
+        "seriesData": [
+          {
+            "name": "数量",
+            "value": [
+              "13",
+              "115",
+              "166",
+              "31",
+              "14"
+            ]
+          }
+        ],
+        "series": [
+          {
+            "name": "数量",
+            "value": [
+              "13",
+              "115",
+              "166",
+              "31",
+              "14"
+            ]
+          }
+        ]
+      },
+      CarStopTimesData1: {
+        eChartOpts: {
+          "unit": ["辆"],
+          "color": ["orange"],
+          "extra": {"column": {"linearType": "custom"}}
+        },
+        eChartData: {
+          "name": "停留时长分析",
+          "categories": [
+            "08:00",
+            "09:00",
+            "10:00",
+            "11:00",
+            "12:00",
+            "13:00",
+            "14:00",
+            "15:00",
+            "16:00",
+            "17:00",
+            "18:00"
+          ],
+          "seriesData": [
+            {
+              "name": "数量",
+              "value": [
+                "51",
+                "65",
+                "78",
+                "167",
+                "188",
+                "78",
+                "44",
+                "23",
+                "14",
+                "4",
+                "1"
+              ]
+            }
+          ],
+          "series": [
+            {
+              "name": "数量",
+              "value": [
+                "11",
+                "24",
+                "78",
+                "115",
+                "112",
+                "56",
+                "22",
+                "13",
+                "5",
+                "3",
+                "0"
+              ]
+            }
+          ]
+        }
+      },
+      CarStopTimesData1s: {
+        eChartOpts: {
+          "unit": ["辆"],
+          "color": ["orange"],
+          "extra": {"column": {"linearType": "custom"}}
+        },
+        eChartData: {
+          "name": "停留时长分析",
+          "categories": [
+            "08:00",
+            "09:00",
+            "10:00",
+            "11:00",
+            "12:00",
+            "13:00",
+            "14:00",
+            "15:00",
+            "16:00",
+            "17:00",
+            "18:00"
+          ],
+          "seriesData": [
+            {
+              "name": "数量",
+              "value": [
+                "51",
+                "65",
+                "78",
+                "167",
+                "188",
+                "78",
+                "44",
+                "23",
+                "14",
+                "4",
+                "1"
+              ]
+            }
+          ],
+          "series": [
+            {
+              "name": "数量",
+              "value": [
+                "11",
+                "24",
+                "78",
+                "115",
+                "112",
+                "56",
+                "22",
+                "13",
+                "5",
+                "3",
+                "0"
+              ]
+            }
+          ]
+        }
+      },
+      CarStopTimesData2: {
+        eChartOpts: {
+          "unit": ["辆"],
+          "color": ["red"],
+          "extra": {"column": {"linearType": "custom"}}
+        },
+        eChartData: {
+          "name": "停留时长分析",
+          "categories": [
+            "08:00",
+            "09:00",
+            "10:00",
+            "11:00",
+            "12:00",
+            "13:00",
+            "14:00",
+            "15:00",
+            "16:00",
+            "17:00",
+            "18:00"
+          ],
+          "seriesData": [
+            {
+              "name": "数量",
+              "value": [
+                "11",
+                "24",
+                "78",
+                "115",
+                "112",
+                "56",
+                "22",
+                "13",
+                "5",
+                "3",
+                "0"
+              ]
+            }
+          ],
+          "series": [
+            {
+              "name": "数量",
+              "value": [
+                "51",
+                "65",
+                "78",
+                "167",
+                "188",
+                "78",
+                "44",
+                "23",
+                "14",
+                "4",
+                "1"
+              ]
+            }
+          ]
+        }
+      },
+      CarStopTimesData2s: {
+        eChartOpts: {
+          "unit": ["辆"],
+          "color": ["red"],
+          "extra": {"column": {"linearType": "custom"}}
+        },
+        eChartData: {
+          "name": "停留时长分析",
+          "categories": [
+            "08:00",
+            "09:00",
+            "10:00",
+            "11:00",
+            "12:00",
+            "13:00",
+            "14:00",
+            "15:00",
+            "16:00",
+            "17:00",
+            "18:00"
+          ],
+          "seriesData": [
+            {
+              "name": "数量",
+              "value": [
+                "11",
+                "24",
+                "78",
+                "115",
+                "112",
+                "56",
+                "22",
+                "13",
+                "5",
+                "3",
+                "0"
+              ]
+            }
+          ],
+          "series": [
+            {
+              "name": "数量",
+              "value": [
+                "51",
+                "65",
+                "78",
+                "167",
+                "188",
+                "78",
+                "44",
+                "23",
+                "14",
+                "4",
+                "1"
+              ]
+            }
+          ]
+        }
+      },
       //车流分析 数据
       CarFlowAnalyseData: {eChartOpts: {}, eChartData: {}},
+      CarFlowAnalyseData1: {
+        eChartOpts: {
+          "type": ["column", "line", "line"],
+          "color": ["blue","lightPink","lightPurple"],
+          "yAxisIndex": [0, 1],
+          "unit": ["辆", "%", "%"],
+          "yAxis": {
+            "data": [{"position": "left", "title": "辆"}, {
+              "position": "right",
+              "title": "百分比",
+              "textAlign": "left"
+            }]
+          },
+          "extra": {"mix": {"linearType": "custom"}}
+        },
+        eChartData: {
+          "name": "车流分析",
+          "categories": [
+            "08:00",
+            "09:00",
+            "10:00",
+            "11:00",
+            "12:00",
+            "13:00",
+            "14:00",
+            "15:00",
+            "16:00",
+            "17:00",
+            "18:00"
+          ],
+          "seriesData": [
+            {
+              "name": "数量",
+              "value": [
+                3,
+                12,
+                42,
+                45,
+                67,
+                55,
+                42,
+                32,
+                25,
+                15,
+                6,
+              ]
+            },
+            {
+              "name": "同比",
+              "value": [
+                0.01,
+                0.10,
+                0.30,
+                0.40,
+                0.10,
+                0.20,
+                0.10,
+                0.30,
+                0.10,
+                0.01,
+                0.02,
+              ]
+            },
+            {
+              "name": "环比",
+              "value": [
+                2.22,
+                3.15,
+                4.13,
+                3.31,
+                11.03,
+                13.05,
+                10.40,
+                6.20,
+                5.30,
+                6.02,
+                1.12,
+              ]
+            }
+          ],
+          "series": [
+            {
+              "name": "数量",
+              "value": [
+                3,
+                12,
+                42,
+                45,
+                67,
+                55,
+                42,
+                32,
+                25,
+                15,
+                6,
+              ]
+            },
+            {
+              "name": "同比",
+              "value": [
+                0.22,
+                0.15,
+                0.13,
+                0.31,
+                0.03,
+                0.05,
+                0.40,
+                0.20,
+                0.30,
+                0.02,
+                0.12,
+              ]
+            },
+            {
+              "name": "环比",
+              "value": [
+                11.01,
+                21.10,
+                15.30,
+                13.40,
+                5.10,
+                54.20,
+                23.10,
+                11.30,
+                6.10,
+                5.01,
+                8.02,
+              ]
+            }
+          ]
+        }
+      },
+      CarFlowAnalyseData1s: {
+        eChartOpts: {
+          "type": ["column", "line", "line"],
+          "color": ["blue","lightPink","lightPurple"],
+          "yAxisIndex": [0, 1],
+          "unit": ["辆", "%", "%"],
+          "yAxis": {
+            "data": [{"position": "left", "title": "辆"}, {
+              "position": "right",
+              "title": "百分比",
+              "textAlign": "left"
+            }]
+          },
+          "extra": {"mix": {"linearType": "custom"}}
+        },
+        eChartData: {
+          "name": "车流分析",
+          "categories": [
+            "08:00",
+            "09:00",
+            "10:00",
+            "11:00",
+            "12:00",
+            "13:00",
+            "14:00",
+            "15:00",
+            "16:00",
+            "17:00",
+            "18:00"
+          ],
+          "seriesData": [
+            {
+              "name": "数量",
+              "value": [
+                3,
+                12,
+                42,
+                45,
+                67,
+                55,
+                42,
+                32,
+                25,
+                15,
+                6,
+              ]
+            },
+            {
+              "name": "同比",
+              "value": [
+                0.01,
+                0.10,
+                0.30,
+                0.40,
+                0.10,
+                0.20,
+                0.10,
+                0.30,
+                0.10,
+                0.01,
+                0.02,
+              ]
+            },
+            {
+              "name": "环比",
+              "value": [
+                2.22,
+                3.15,
+                4.13,
+                3.31,
+                11.03,
+                13.05,
+                10.40,
+                6.20,
+                5.30,
+                6.02,
+                1.12,
+              ]
+            }
+          ],
+          "series": [
+            {
+              "name": "数量",
+              "value": [
+                3,
+                12,
+                42,
+                45,
+                67,
+                55,
+                42,
+                32,
+                25,
+                15,
+                6,
+              ]
+            },
+            {
+              "name": "同比",
+              "value": [
+                0.22,
+                0.15,
+                0.13,
+                0.31,
+                0.03,
+                0.05,
+                0.40,
+                0.20,
+                0.30,
+                0.02,
+                0.12,
+              ]
+            },
+            {
+              "name": "环比",
+              "value": [
+                11.01,
+                21.10,
+                15.30,
+                13.40,
+                5.10,
+                54.20,
+                23.10,
+                11.30,
+                6.10,
+                5.01,
+                8.02,
+              ]
+            }
+          ]
+        }
+      },
+      CarFlowAnalyseData2: {
+        eChartOpts: {
+          "type": ["column", "line", "line"],
+          "color": ["lightPurple","lightOrange","lightPink"],
+          "yAxisIndex": [0, 1],
+          "unit": ["辆", "%", "%"],
+          "yAxis": {
+            "data": [{"position": "left", "title": "辆"}, {
+              "position": "right",
+              "title": "百分比",
+              "textAlign": "left"
+            }]
+          },
+          "extra": {"mix": {"linearType": "custom"}}
+        },
+        eChartData: {
+          "name": "车流分析",
+          "categories": [
+            "08:00",
+            "09:00",
+            "10:00",
+            "11:00",
+            "12:00",
+            "13:00",
+            "14:00",
+            "15:00",
+            "16:00",
+            "17:00",
+            "18:00"
+          ],
+          "seriesData": [
+            {
+              "name": "数量",
+              "value": [
+                11,
+                15,
+                32,
+                44,
+                77,
+                67,
+                43,
+                21,
+                14,
+                11,
+                4,
+              ]
+            },
+            {
+              "name": "同比",
+              "value": [
+                0.11,
+                0.15,
+                0.20,
+                0.30,
+                0.20,
+                0.50,
+                0.30,
+                0.10,
+                0.20,
+                0.11,
+                0.22,
+              ]
+            },
+            {
+              "name": "环比",
+              "value": [
+                3.22,
+                5.15,
+                4.43,
+                5.31,
+                7.03,
+                11.05,
+                8.40,
+                3.20,
+                5.30,
+                1.02,
+                2.12,
+              ]
+            }
+          ],
+          "series": [
+            {
+              "name": "数量",
+              "value": [
+                11,
+                15,
+                32,
+                44,
+                77,
+                67,
+                43,
+                21,
+                14,
+                11,
+                4,
+              ]
+            },
+            {
+              "name": "同比",
+              "value": [
+                0.11,
+                0.15,
+                0.20,
+                0.30,
+                0.20,
+                0.50,
+                0.30,
+                0.10,
+                0.20,
+                0.11,
+                0.22,
+              ]
+            },
+            {
+              "name": "环比",
+              "value": [
+                3.22,
+                5.15,
+                4.43,
+                5.31,
+                7.03,
+                11.05,
+                8.40,
+                3.20,
+                5.30,
+                1.02,
+                2.12,
+              ]
+            }
+          ]
+        }
+      },
+      CarFlowAnalyseData2s: {
+        eChartOpts: {
+          "type": ["column", "line", "line"],
+          "color": ["lightPurple","lightOrange","lightPink"],
+          "yAxisIndex": [0, 1],
+          "unit": ["辆", "%", "%"],
+          "yAxis": {
+            "data": [{"position": "left", "title": "辆"}, {
+              "position": "right",
+              "title": "百分比",
+              "textAlign": "left"
+            }]
+          },
+          "extra": {"mix": {"linearType": "custom"}}
+        },
+        eChartData: {
+          "name": "车流分析",
+          "categories": [
+            "08:00",
+            "09:00",
+            "10:00",
+            "11:00",
+            "12:00",
+            "13:00",
+            "14:00",
+            "15:00",
+            "16:00",
+            "17:00",
+            "18:00"
+          ],
+          "seriesData": [
+            {
+              "name": "数量",
+              "value": [
+                11,
+                15,
+                32,
+                44,
+                77,
+                67,
+                43,
+                21,
+                14,
+                11,
+                4,
+              ]
+            },
+            {
+              "name": "同比",
+              "value": [
+                0.11,
+                0.15,
+                0.20,
+                0.30,
+                0.20,
+                0.50,
+                0.30,
+                0.10,
+                0.20,
+                0.11,
+                0.22,
+              ]
+            },
+            {
+              "name": "环比",
+              "value": [
+                3.22,
+                5.15,
+                4.43,
+                5.31,
+                7.03,
+                11.05,
+                8.40,
+                3.20,
+                5.30,
+                1.02,
+                2.12,
+              ]
+            }
+          ],
+          "series": [
+            {
+              "name": "数量",
+              "value": [
+                11,
+                15,
+                32,
+                44,
+                77,
+                67,
+                43,
+                21,
+                14,
+                11,
+                4,
+              ]
+            },
+            {
+              "name": "同比",
+              "value": [
+                0.11,
+                0.15,
+                0.20,
+                0.30,
+                0.20,
+                0.50,
+                0.30,
+                0.10,
+                0.20,
+                0.11,
+                0.22,
+              ]
+            },
+            {
+              "name": "环比",
+              "value": [
+                3.22,
+                5.15,
+                4.43,
+                5.31,
+                7.03,
+                11.05,
+                8.40,
+                3.20,
+                5.30,
+                1.02,
+                2.12,
+              ]
+            }
+          ]
+        }
+      },
       //分时段车流趋势 数据
-      CarFlowTrendData: {eChartOpts: {}, eChartData: {}},
+      CarFlowTrendData: {eChartOpts: {}, eChartData: {
+          "name": "分时段车流趋势",
+          "categories": [
+            "08:00",
+            "09:00",
+            "10:00",
+            "11:00",
+            "12:00",
+            "13:00",
+            "14:00",
+            "15:00",
+            "16:00",
+            "17:00",
+            "18:00"
+          ],
+          "seriesData": [
+            {
+              "name": "数量",
+              "value": [
+                "1",
+                "23",
+                "51",
+                "23",
+                "33",
+                "51",
+                "15",
+                "4",
+                "1",
+                "2",
+                "0"
+              ]
+            }
+          ],
+          "series": [
+            {
+              "name": "数量",
+              "value": [
+                "3",
+                "16",
+                "24",
+                "61",
+                "41",
+                "56",
+                "23",
+                "22",
+                "13",
+                "7",
+                "1"
+              ]
+            }
+          ]
+        }},
+      CarFlowTrendData1:{
+        "name": "分时段车流趋势",
+        "categories": [
+          "08:00",
+          "09:00",
+          "10:00",
+          "11:00",
+          "12:00",
+          "13:00",
+          "14:00",
+          "15:00",
+          "16:00",
+          "17:00",
+          "18:00"
+        ],
+        "seriesData": [
+          {
+            "name": "数量",
+            "value": [
+              "1",
+              "23",
+              "51",
+              "23",
+              "33",
+              "51",
+              "15",
+              "4",
+              "1",
+              "2",
+              "0"
+            ]
+          }
+        ],
+        "series": [
+          {
+            "name": "数量",
+            "value": [
+              "3",
+              "16",
+              "24",
+              "61",
+              "41",
+              "56",
+              "23",
+              "22",
+              "13",
+              "7",
+              "1"
+            ]
+          }
+        ]
+      },
+      CarFlowTrendData2:{
+        "name": "分时段车流趋势",
+        "categories": [
+          "08:00",
+          "09:00",
+          "10:00",
+          "11:00",
+          "12:00",
+          "13:00",
+          "14:00",
+          "15:00",
+          "16:00",
+          "17:00",
+          "18:00"
+        ],
+        "seriesData": [
+          {
+            "name": "数量",
+            "value": [
+              "5",
+              "11",
+              "33",
+              "41",
+              "44",
+              "36",
+              "33",
+              "21",
+              "17",
+              "4",
+              "0"
+            ]
+          }
+        ],
+        "series": [
+          {
+            "name": "数量",
+            "value": [
+              "5",
+              "11",
+              "33",
+              "41",
+              "44",
+              "36",
+              "33",
+              "21",
+              "17",
+              "4",
+              "0"
+            ]
+          }
+        ]
+      }
     }
   },
   created() {
@@ -121,31 +1391,73 @@ export default {
     this.getCarFlowTrend()
   },
   methods: {
+    //切换数据
+    changeValue(e) {
+      console.log(e);
+      if(e == '西柏坡景区'){
+        setTimeout(()=>{
+        this.CarFlowCountData = {
+          saturatio: {name: '', percentage: '0.2'},
+          Total: 300,
+          surplus: 118,
+          carFlow: 116,
+          alarm: 0
+        }
+        this.CarFlowAnalyseData.eChartData = this.CarFlowAnalyseData2.eChartData
+        this.CarTypeData.eChartData = this.CarTypeData1
+        this.CarStopTimesData.eChartData = this.CarStopTimesData11
+        this.CarFlowTrendData.eChartData = this.CarFlowTrendData1
+        this.CarStopTimesData1 = this.CarStopTimesData1s
+        this.CarStopTimesData2 = this.CarStopTimesData2s
+        this.CarFlowAnalyseData1 = this.CarFlowAnalyseData1s
+        this.CarFlowAnalyseData2= this.CarFlowAnalyseData2s
+        },500)
+      }else{
+        setTimeout(()=>{
+          this.CarFlowCountData = {
+            saturatio: {name: '', percentage: '0.4'},
+            Total: 500,
+            surplus: 138,
+            carFlow: 156,
+            alarm: 0
+          }
+          this.CarFlowAnalyseData.eChartData = this.CarFlowAnalyseData1.eChartData
+          this.CarTypeData.eChartData = this.CarTypeData2
+          this.CarStopTimesData.eChartData = this.CarStopTimesData12
+          this.CarFlowTrendData.eChartData = this.CarFlowTrendData2
+          this.CarStopTimesData1 = this.CarStopTimesData2s
+          this.CarStopTimesData2 = this.CarStopTimesData1s
+          this.CarFlowAnalyseData1 = this.CarFlowAnalyseData2s
+          this.CarFlowAnalyseData2= this.CarFlowAnalyseData1s
+        },500)
+      }
+    },
     //获取 车流统计 数据
     getCarFlowCount() {
       vehicleStatistics().then(response => {
         this.CarFlowCountData = {
-          saturatio: {name: response.data.saturation, percentage: response.data.percentage},
-          Total: response.data.placeNum,
-          surplus: response.data.remainingParkingSpace,
-          carFlow: response.data.dayTrafficFlow,
-          alarm: response.data.warningNum
+          saturatio: {name: '', percentage: 0.5},
+          Total: 500,
+          surplus: 198,
+          carFlow: 156,
+          alarm: 0
         }
+        console.log(this.CarFlowCountData, '车位数据');
       });
     },
 
     //获取 车源地分布 数据
     getCarSource() {
       sourceCustomers(1).then(response => {
-        let Opts={
+        let Opts = {
           type: 'inward',//dot:点 inward:内迁徙图 outward:外迁徙图
           unit: ['辆'],
-          layoutSize:'120%'
+          layoutSize: '120%'
         }
-        this.CarSourceData.eChartOpts=Opts
+        this.CarSourceData.eChartOpts = Opts
         //获取地图数据
         let newsData = response.data.seriesData.map((item) => {
-          return {name: item.name, value: item.value,regionId:item.regionId}
+          return {name: item.name, value: item.value, regionId: item.regionId}
         });
         this.CarSourceData.eChartData = {
           name: '车源地分布',
@@ -165,8 +1477,8 @@ export default {
     //获取 车辆类型分析 数据
     getCarType() {
       let Opts = {
-        color: ['red','green','purple','blue'],
-        unit:['辆'],
+        color: ['red', 'green', 'purple', 'blue'],
+        unit: ['辆'],
         legend: {
           show: true,
           top: 'middle',
@@ -175,22 +1487,23 @@ export default {
         },
         extra: {
           ring: {
-            labelShow:false,
+            labelShow: false,
             linearType: "custom",
           }
         }
       }
       this.CarTypeData.eChartOpts = Opts
       vehicleTypeAnalysis().then(response => {
-        this.CarTypeData.eChartData = response.data
+        // this.CarTypeData.eChartData = response.data
+        console.log(this.CarTypeData, '车辆类型分析 数据');
+
       });
     },
 
     //获取 停车时长分析 数据
     getCarStopTimes() {
       let Opts = {
-        unit:['辆'],
-        color:['blue'],
+        unit: ['辆'],
         extra: {
           column: {
             linearType: "custom",
@@ -199,7 +1512,9 @@ export default {
       }
       this.CarStopTimesData.eChartOpts = Opts
       parkingDurationAnalysis().then(response => {
-        this.CarStopTimesData.eChartData = response.data
+        // this.CarStopTimesData.eChartData = response.data
+        console.log(this.CarStopTimesData, '停车时长分析 数据');
+
       });
     },
 
@@ -207,8 +1522,8 @@ export default {
     getCarFlowAnalyse() {
       let Opts = {
         type: ['column', 'line', 'line'],
-        yAxisIndex:[0,1],
-        unit:['辆','%','%'],
+        yAxisIndex: [0, 1],
+        unit: ['辆', '%', '%'],
         yAxis: {
           data: [
             {
@@ -231,27 +1546,99 @@ export default {
       }
       this.CarFlowAnalyseData.eChartOpts = Opts
       trafficAnalysis().then(response => {
-        this.CarFlowAnalyseData.eChartData = response.data
+        this.CarFlowAnalyseData.eChartData = this.CarFlowAnalyseData2.eChartData
+        console.log(this.CarFlowAnalyseData, '车流分析 数据');
+
       });
     },
 
     //获取 分时段车流趋势 数据
     getCarFlowTrend() {
       let Opts = {
-        unit:['辆'],
+        unit: ['辆'],
         extra: {
           line: {linearType: "custom",}
         }
       }
       this.CarFlowTrendData.eChartOpts = Opts
       timePeriodTrafficFlowTrend().then(response => {
-        this.CarFlowTrendData.eChartData = response.data
+        // this.CarFlowTrendData.eChartData = response.data
+        console.log(this.CarFlowTrendData, '分时段车流趋势 数据');
+
       });
     },
   }
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+.change-data {
+  position: fixed;
+  right: 20px;
+  top: 5px;
+  z-index: 999999;
+  background: #000;
+  border: solid 1px #ffffff85;
+  color: #fff;
+  padding: 5px 10px;
+}
+
+.change-data:hover {
+  background: #fff;
+  border: solid 1px #00000f85;
+  color: #000;
+  padding: 5px 10px;
+  cursor: pointer;
+  transition: all 0.5s;
+}
+
+.p-filter {
+  position: fixed;
+  padding: 10px;
+  z-index: 9999;
+  color: #fff;
+  left: 50%;
+  top: 50px;
+  width: 660px;
+  height: 60px;
+  background: rgba(#242323, .8);
+  transform: translate(-50%, 0);
+  border: 1px solid #fff;
+
+  .p-filter-title {
+    text-align: center;
+    margin-bottom: 10px;
+  }
+}
+
+.p-filter-box {
+  display: flex;
 
+  .button {
+    cursor: pointer;
+    padding: 0 20px;
+    height: 36px;
+    line-height: 36px;
+    background: #fff;
+    color: #0d1c2d;
+    border-radius: 5px;
+  }
+
+  .filter-box-item {
+    margin: 0 10px;
+  }
+}
+
+::v-deep .el-input__inner::-webkit-input-placeholder {
+  color: #fff !important;
+}
+
+::v-deep .el-input__inner {
+  background: transparent;
+  color: #fff;
+}
+
+::v-deep .el-popper {
+  background: rgba(0, 0, 0, .8);
+}
 </style>