From 694982b7d4607037e256787afbe68cb47d9654f9 Mon Sep 17 00:00:00 2001
From: Rain_ <904416525@qq.com>
Date: Mon, 24 Nov 2025 18:16:50 +0800
Subject: [PATCH] =?UTF-8?q?flx:=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectFront/carManage/carStatictis.vue   | 1212 +++++++++--------
 .../projectFront/carManage/vehicleReal.vue    |  493 ++++---
 2 files changed, 947 insertions(+), 758 deletions(-)

diff --git a/src/views/projectFront/carManage/carStatictis.vue b/src/views/projectFront/carManage/carStatictis.vue
index e06a7e61..b957eb36 100644
--- a/src/views/projectFront/carManage/carStatictis.vue
+++ b/src/views/projectFront/carManage/carStatictis.vue
@@ -1,174 +1,287 @@
 <template>
-  <div class="fullHeight">
-    <div class="top">
-      <div class="topLeft whiteBlock">
-        <div class="blockInner">
-          <div class="statistics-content">
-            <div class="statistics-content-left">
-              <!-- 数据统计 -->
-              <div class="search-title">
-                <div class="pageTitle">今日车辆出入记录统计</div>
-                <div class="condition-change">
-                  <el-radio-group v-model="timeRadio" size="small">
-                    <el-radio-button label="1">进场</el-radio-button>
-                    <el-radio-button label="2">出场</el-radio-button>
-                  </el-radio-group>
+    <div class="fullHeight">
+        <div class="top">
+            <div class="topLeft whiteBlock">
+                <div class="blockInner">
+                    <div class="statistics-content">
+                        <div class="statistics-content-left">
+                            <!-- 数据统计 -->
+                            <div class="search-title">
+                                <div class="pageTitle">
+                                    今日车辆出入记录统计
+                                </div>
+                                <div class="condition-change">
+                                    <el-radio-group
+                                        v-model="timeRadio"
+                                        size="small"
+                                    >
+                                        <el-radio-button label="1"
+                                            >进场</el-radio-button
+                                        >
+                                        <el-radio-button label="2"
+                                            >出场</el-radio-button
+                                        >
+                                    </el-radio-group>
+                                </div>
+                            </div>
+                            <div class="left-data">
+                                <div class="numBox">
+                                    <img
+                                        src="@/assets/images/companyProject/1.png"
+                                    />
+                                    <div class="dataBox">
+                                        <p class="num primaryText">
+                                            {{ totalNum.innum }}
+                                        </p>
+                                        <p class="text">今日总进场车次</p>
+                                    </div>
+                                </div>
+                                <div class="numBox">
+                                    <img
+                                        src="@/assets/images/companyProject/1.png"
+                                    />
+                                    <div class="dataBox" v-if="timeRadio == 1">
+                                        <p class="num primaryText">
+                                            {{ totalNum.wlcInNum }}
+                                        </p>
+                                        <p class="text">外来车辆进场车次</p>
+                                    </div>
+                                    <div class="dataBox" v-else>
+                                        <p class="num primaryText">
+                                            {{ totalNum.wlcOutNum }}
+                                        </p>
+                                        <p class="text">外来车辆出场车次</p>
+                                    </div>
+                                </div>
+                                <div class="numBox">
+                                    <img
+                                        src="@/assets/images/companyProject/1.png"
+                                    />
+                                    <div class="dataBox" v-if="timeRadio == 1">
+                                        <p class="num primaryText">
+                                            {{ totalNum.gdcInNum }}
+                                        </p>
+                                        <p class="text">固定车进场车次</p>
+                                    </div>
+                                    <div class="dataBox" v-else>
+                                        <p class="num primaryText">
+                                            {{ totalNum.gdcOutNum }}
+                                        </p>
+                                        <p class="text">固定车出场车次</p>
+                                    </div>
+                                </div>
+                                <div class="numBox">
+                                    <img
+                                        src="@/assets/images/companyProject/1.png"
+                                    />
+                                    <div class="dataBox">
+                                        <p class="num primaryText">
+                                            {{ totalNum.outnum }}
+                                        </p>
+                                        <p class="text">今日总出场车次</p>
+                                    </div>
+                                </div>
+                                <div class="numBox">
+                                    <img
+                                        src="@/assets/images/companyProject/1.png"
+                                    />
+                                    <div class="dataBox" v-if="timeRadio == 1">
+                                        <p class="num primaryText">
+                                            {{ totalNum.cqcInNum }}
+                                        </p>
+                                        <p class="text">长期车进场车次</p>
+                                    </div>
+                                    <div class="dataBox" v-else>
+                                        <p class="num primaryText">
+                                            {{ totalNum.cqcOutNum }}
+                                        </p>
+                                        <p class="text">长期车出场车次</p>
+                                    </div>
+                                </div>
+                                <div class="numBox">
+                                    <img
+                                        src="@/assets/images/companyProject/1.png"
+                                    />
+                                    <div class="dataBox" v-if="timeRadio == 1">
+                                        <p class="num primaryText">
+                                            {{ totalNum.lscInNum }}
+                                        </p>
+                                        <!-- 长期车辆数 -->
+                                        <p class="text">临时车进场车次</p>
+                                    </div>
+                                    <div class="dataBox" v-else>
+                                        <p class="num primaryText">
+                                            {{ totalNum.lscOutNum }}
+                                        </p>
+                                        <!-- 长期车辆数 -->
+                                        <p class="text">临时车出场车次</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="statistics-content-right">
+                            <div class="pageTitle">车辆数量统计</div>
+                            <div class="chart" ref="carNumChart"></div>
+                        </div>
+                    </div>
                 </div>
-              </div>
-              <div class="left-data">
-                <div class="numBox">
-                  <img src="@/assets/images/companyProject/1.png" />
-                  <div class="dataBox">
-                    <p class="num primaryText">{{ totalNum.innum }}</p>
-                    <p class="text">今日总进场车次</p>
-                  </div>
-                </div>
-                <div class="numBox">
-                  <img src="@/assets/images/companyProject/1.png" />
-                  <div class="dataBox" v-if="timeRadio == 1">
-                    <p class="num primaryText">{{ totalNum.wlcInNum }}</p>
-                    <p class="text">外来车辆进场车次</p>
-                  </div>
-                  <div class="dataBox" v-else>
-                    <p class="num primaryText">{{ totalNum.wlcOutNum }}</p>
-                    <p class="text">外来车辆出场车次</p>
-                  </div>
-                </div>
-                <div class="numBox">
-                  <img src="@/assets/images/companyProject/1.png" />
-                  <div class="dataBox" v-if="timeRadio == 1">
-                    <p class="num primaryText">{{ totalNum.gdcInNum }}</p>
-                    <p class="text">固定车进场车次</p>
-                  </div>
-                  <div class="dataBox" v-else>
-                    <p class="num primaryText">{{ totalNum.gdcOutNum }}</p>
-                    <p class="text">固定车出场车次</p>
-                  </div>
-                </div>
-                <div class="numBox">
-                  <img src="@/assets/images/companyProject/1.png" />
-                  <div class="dataBox">
-                    <p class="num primaryText">{{ totalNum.outnum }}</p>
-                    <p class="text">今日总出场车次</p>
-                  </div>
-                </div>
-                <div class="numBox">
-                  <img src="@/assets/images/companyProject/1.png" />
-                  <div class="dataBox" v-if="timeRadio == 1">
-                    <p class="num primaryText">{{ totalNum.cqcInNum }}</p>
-                    <p class="text">长期车进场车次</p>
-                  </div>
-                  <div class="dataBox" v-else>
-                    <p class="num primaryText">{{ totalNum.cqcOutNum }}</p>
-                    <p class="text">长期车出场车次</p>
-                  </div>
-                </div>
-                <div class="numBox">
-                  <img src="@/assets/images/companyProject/1.png" />
-                  <div class="dataBox" v-if="timeRadio == 1">
-                    <p class="num primaryText">{{ totalNum.lscInNum }}</p>
-                    <!-- 长期车辆数 -->
-                    <p class="text">临时车进场车次</p>
-                  </div>
-                  <div class="dataBox" v-else>
-                    <p class="num primaryText">{{ totalNum.lscOutNum }}</p>
-                    <!-- 长期车辆数 -->
-                    <p class="text">临时车出场车次</p>
-                  </div>
-                </div>
-              </div>
             </div>
-            <div class="statistics-content-right">
-              <div class="pageTitle">车辆数量统计</div>
-              <div class="chart" ref="carNumChart"></div>
+            <div class="topRight whiteBlock">
+                <div class="blockInner">
+                    <!-- 车种进出次数统计 -->
+                    <div class="pageTitle">
+                        {{ $t("message.carManage.carTypeInOutNumStatistics") }}
+                    </div>
+                    <div class="chart" ref="carTypeChart"></div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
-      <div class="topRight whiteBlock">
-        <div class="blockInner">
-          <!-- 车种进出次数统计 -->
-          <div class="pageTitle">
-            {{ $t('message.carManage.carTypeInOutNumStatistics') }}
-          </div>
-          <div class="chart" ref="carTypeChart"></div>
-        </div>
-      </div>
-    </div>
-    <div class="bottom">
-      <div class="topLeft whiteBlock">
-        <div class="blockInner">
-          <!-- 长期车进出记录 -->
-          <div class="pageTitle">
-            {{ $t('message.carManage.temporaryCarRecord') }}
-          </div>
-          <div class="blockContent">
-            <vue-scroll style="height: 100%">
-              <!-- height="300" -->
-              <el-table :data="carCompareList">
-                <el-table-column prop="enterpriseName" label="单位名称">
-                  <template slot-scope="scope">
-                    {{ scope.row.enterpriseName ? scope.row.enterpriseName : '无' }}
-                  </template>
-                </el-table-column>
-                <el-table-column prop="driverWorkerName" label="司机姓名">
-                  <template slot-scope="scope">
-                    {{ scope.row.driverWorkerName ? scope.row.driverWorkerName : '无' }}
-                  </template>
-                </el-table-column>
-                <!-- 车辆类型 -->
-                <el-table-column prop="carModuleType" :label="$t('message.carManage.carType')">
-                  <template slot-scope="scope">
-                    {{
-                      scope.row.carModuleType
-                        ? carDataTypeList[scope.row.carModuleType - 1].name
-                          ? carDataTypeList[scope.row.carModuleType - 1].name
-                          : '外来车'
-                        : '外来车'
-                    }}
-                  </template>
-                </el-table-column>
-                <!-- '车牌号' -->
-                <el-table-column prop="carNumber" :label="$t('message.carManage.carNumber')"> </el-table-column>
-                <!-- 进出时间 -->
-                <el-table-column prop="passTime" :label="$t('message.carManage.inOutTime')"> </el-table-column>
-                <!-- 进出标识 -->
-                <el-table-column prop="type" :label="$t('message.carManage.inOutCode')">
-                  <template slot-scope="scope">
-                    <!-- "出" : "进" -->
-                    {{ scope.row.type == 1 ? $t('message.carManage.out') : $t('message.carManage.in') }}
-                  </template>
-                </el-table-column>
-                <!-- '进出位置' -->
-                <el-table-column prop="location" :label="$t('message.carManage.inOutAddress')"> </el-table-column>
-                <!-- <el-table-column prop="carColor" :label="'车牌颜色'"> </el-table-column> -->
-                <!-- 进出场图片 -->
-                <el-table-column prop="imageUrl" :label="$t('message.carManage.inOutImg')">
-                  <template slot-scope="scope">
-                    <img
-                      :preview="scope.row.imageUrl ? $store.state.FILEURL + scope.row.imageUrl : ''"
-                      :src="scope.row.imageUrl ? $store.state.FILEURL + scope.row.imageUrl : ''"
-                      alt=""
-                      :height="$px2rem(30)"
-                    />
-                  </template>
-                </el-table-column>
-                <!-- 全景图照片 -->
-                <el-table-column prop="panoramaUrl" :label="$t('message.carManage.panoramaImg')">
-                  <template slot-scope="scope">
-                    <img
-                      :preview="scope.row.panoramaUrl ? $store.state.FILEURL + scope.row.panoramaUrl : ''"
-                      :src="scope.row.panoramaUrl ? $store.state.FILEURL + scope.row.panoramaUrl : ''"
-                      alt=""
-                      :height="$px2rem(30)"
-                    />
-                    <!-- <img :preview="$store.state.FILEURL+scope.row.panoramaUrl" :src="$store.state.FILEURL+scope.row.panoramaUrl" alt="" :height="$px2rem(30)"> -->
-                  </template>
-                </el-table-column>
-              </el-table>
-            </vue-scroll>
-          </div>
-          <!-- <el-pagination
+        <div class="bottom">
+            <div class="topLeft whiteBlock">
+                <div class="blockInner">
+                    <!-- 长期车进出记录 -->
+                    <div class="pageTitle">
+                        {{ $t("message.carManage.temporaryCarRecord") }}
+                    </div>
+                    <div class="blockContent">
+                        <vue-scroll style="height: 100%">
+                            <!-- height="300" -->
+                            <el-table :data="carCompareList">
+                                <el-table-column
+                                    prop="enterpriseName"
+                                    label="单位名称"
+                                >
+                                    <template slot-scope="scope">
+                                        {{
+                                            scope.row.enterpriseName
+                                                ? scope.row.enterpriseName
+                                                : "无"
+                                        }}
+                                    </template>
+                                </el-table-column>
+                                <el-table-column
+                                    prop="driverWorkerName"
+                                    label="司机姓名"
+                                >
+                                    <template slot-scope="scope">
+                                        {{
+                                            scope.row.driverWorkerName
+                                                ? scope.row.driverWorkerName
+                                                : "无"
+                                        }}
+                                    </template>
+                                </el-table-column>
+                                <!-- 车辆类型 -->
+                                <el-table-column
+                                    prop="carModuleType"
+                                    :label="$t('message.carManage.carType')"
+                                >
+                                    <template slot-scope="scope">
+                                        {{
+                                            scope.row.carModuleType
+                                                ? carDataTypeList[
+                                                      scope.row.carModuleType -
+                                                          1
+                                                  ].name
+                                                    ? carDataTypeList[
+                                                          scope.row
+                                                              .carModuleType - 1
+                                                      ].name
+                                                    : "外来车"
+                                                : "外来车"
+                                        }}
+                                    </template>
+                                </el-table-column>
+                                <!-- '车牌号' -->
+                                <el-table-column
+                                    prop="carNumber"
+                                    :label="$t('message.carManage.carNumber')"
+                                >
+                                </el-table-column>
+                                <!-- 进出时间 -->
+                                <el-table-column
+                                    prop="passTime"
+                                    :label="$t('message.carManage.inOutTime')"
+                                >
+                                </el-table-column>
+                                <!-- 进出标识 -->
+                                <el-table-column
+                                    prop="type"
+                                    :label="$t('message.carManage.inOutCode')"
+                                >
+                                    <template slot-scope="scope">
+                                        <!-- "出" : "进" -->
+                                        {{
+                                            scope.row.type == 1
+                                                ? $t("message.carManage.out")
+                                                : $t("message.carManage.in")
+                                        }}
+                                    </template>
+                                </el-table-column>
+                                <!-- '进出位置' -->
+                                <el-table-column
+                                    prop="location"
+                                    :label="
+                                        $t('message.carManage.inOutAddress')
+                                    "
+                                >
+                                </el-table-column>
+                                <!-- <el-table-column prop="carColor" :label="'车牌颜色'"> </el-table-column> -->
+                                <!-- 进出场图片 -->
+                                <el-table-column
+                                    prop="imageUrl"
+                                    :label="$t('message.carManage.inOutImg')"
+                                >
+                                    <template slot-scope="scope">
+                                        <img
+                                            :preview="
+                                                scope.row.imageUrl
+                                                    ? $store.state.FILEURL +
+                                                      scope.row.imageUrl
+                                                    : ''
+                                            "
+                                            :src="
+                                                scope.row.imageUrl
+                                                    ? $store.state.FILEURL +
+                                                      scope.row.imageUrl
+                                                    : ''
+                                            "
+                                            alt=""
+                                            style="width: 100%"
+                                            :height="$fontSize(60)"
+                                        />
+                                    </template>
+                                </el-table-column>
+                                <!-- 全景图照片 -->
+                                <el-table-column
+                                    prop="panoramaUrl"
+                                    :label="$t('message.carManage.panoramaImg')"
+                                >
+                                    <template slot-scope="scope">
+                                        <img
+                                            :preview="
+                                                scope.row.panoramaUrl
+                                                    ? $store.state.FILEURL +
+                                                      scope.row.panoramaUrl
+                                                    : ''
+                                            "
+                                            :src="
+                                                scope.row.panoramaUrl
+                                                    ? $store.state.FILEURL +
+                                                      scope.row.panoramaUrl
+                                                    : ''
+                                            "
+                                            alt=""
+                                            style="width: 100%"
+                                            :height="$fontSize(60)"
+                                        />
+                                        <!-- <img :preview="$store.state.FILEURL+scope.row.panoramaUrl" :src="$store.state.FILEURL+scope.row.panoramaUrl" alt="" :height="$px2rem(30)"> -->
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                        </vue-scroll>
+                    </div>
+                    <!-- <el-pagination
                             class="pagerBox"
                             @size-change="SizeChange"
                             @current-change="CurrentChange"
@@ -179,419 +292,446 @@
                             :total="pagInfo.total"
                             background
                     ></el-pagination> -->
+                </div>
+            </div>
+            <div class="topRight whiteBlock">
+                <div class="blockInner">
+                    <!-- 24小时进出统计 -->
+                    <div class="pageTitle">
+                        {{ $t("message.carManage.allDayInOutStatistics") }}
+                    </div>
+                    <div class="chart" ref="inOut24HoursChart"></div>
+                </div>
+            </div>
         </div>
-      </div>
-      <div class="topRight whiteBlock">
-        <div class="blockInner">
-          <!-- 24小时进出统计 -->
-          <div class="pageTitle">
-            {{ $t('message.carManage.allDayInOutStatistics') }}
-          </div>
-          <div class="chart" ref="inOut24HoursChart"></div>
-        </div>
-      </div>
     </div>
-  </div>
 </template>
 <script>
-import echarts from 'echarts4';
+import echarts from "echarts4";
 import {
-  selectCarStatisticsNumApi,
-  selectCarStatisticsRecordApi,
-  selectCarStatisticsByCameraIdApi,
-  selectCarPassRecordInOutCountApi,
-  getCarPassRecordListApi
-} from '@/assets/js/api/carManage';
+    selectCarStatisticsNumApi,
+    selectCarStatisticsRecordApi,
+    selectCarStatisticsByCameraIdApi,
+    selectCarPassRecordInOutCountApi,
+    getCarPassRecordListApi,
+} from "@/assets/js/api/carManage";
 export default {
-  data() {
-    return {
-      timeRadio: '1',
-      carDataTypeList: [
-        {
-          value: 1,
-          name: '固定车'
-        },
-        {
-          value: 2,
-          name: '长期车'
-        },
-        {
-          value: 3,
-          name: '临时车'
-        },
-        {
-          value: 4,
-          name: '外来车'
-        }
-      ],
-      pagInfo: {
-        pageNo: 1, //页数
-        pageSize: 10, //条数
-        total: 0 //总条数
-      },
-      carCompareList: [],
-      totalNum: {
-        innum: 0,
-        outnum: 0,
-        wlcInNum: 0,
-        cqcInNum: 0,
-        gdcInNum: 0,
-        lscInNum: 0
-      },
-      totalCarNum: {
-        gdcNum: 0,
-        cqcNum: 0,
-        lscNum: 0
-      }
-    };
-  },
-  mounted() {
-    this.selectCarStatisticsNumFn();
-    this.selectCarStatisticsByCameraId();
-    this.selectCarStatisticsRecordFn();
-    this.selectCarPassRecordInOutCount();
-    this.getCarPassRecordList();
-  },
-  methods: {
-    selectCarStatisticsNumFn() {
-      let that = this;
-      selectCarStatisticsNumApi({
-        projectSn: this.$store.state.projectSn
-      }).then(res => {
-        that.totalCarNum = { ...res.result };
-        that.carNumCharts(that.$refs.carNumChart);
-      });
-    },
-    selectCarStatisticsRecordFn() {
-      selectCarStatisticsRecordApi({
-        projectSn: this.$store.state.projectSn
-      }).then(res => {
-        this.totalNum = res.result;
-      });
-    },
-    selectCarStatisticsByCameraId() {
-      selectCarStatisticsByCameraIdApi({
-        projectSn: this.$store.state.projectSn
-      }).then(res => {
-        var carTypeList = res.result.carTypeList;
-        var arr1 = [],
-          arr2 = [],
-          xData = [];
-        carTypeList.forEach(element => {
-          xData.push(element.carTypeName);
-          arr1.push(element.innum);
-          arr2.push(element.outnum);
-        });
-        this.createdAgeCharts(arr1, arr2, xData, this.$refs.carTypeChart, [this.$t('message.carManage.in'), this.$t('message.carManage.out')]);
-      });
-    },
-    getCarPassRecordList() {
-      getCarPassRecordListApi({
-        projectSn: this.$store.state.projectSn,
-        carModuleType: 2
-      }).then(res => {
-        this.carCompareList = res.result;
-        setTimeout(() => {
-          this.$previewRefresh();
-        }, 100);
-      });
-    },
-    selectCarPassRecordInOutCount() {
-      selectCarPassRecordInOutCountApi({
-        projectSn: this.$store.state.projectSn,
-        type: 1
-      }).then(res => {
-        var Data = res.result;
-        var arr1 = [],
-          arr2 = [],
-          xData = [];
-        Data.forEach(element => {
-          xData.push(element.passTime);
-          arr1.push(element.innum);
-          arr2.push(element.outnum);
-        });
-        this.createdAgeCharts(arr1, arr2, xData, this.$refs.inOut24HoursChart, [this.$t('message.carManage.in'), this.$t('message.carManage.out')]);
-      });
-    },
-    SizeChange(val) {
-      this.pagInfo.pageSize = val;
-      this.getCarCompareList();
-    },
-    CurrentChange(val) {
-      this.pagInfo.pageNo = val;
-      this.getCarCompareList();
-    },
-    getCarCompareList() {},
-    //车辆数量统计---图表
-    carNumCharts(el) {
-      console.log(this.totalCarNum, 888999);
-      let totalNum = 0;
-      for (let i in this.totalCarNum) {
-        totalNum += this.totalCarNum[i];
-      }
-      let that = this;
-      let numChart = echarts.init(el);
-      //   ageChart.clear();
-      let option = {
-        title: {
-          text: totalNum, //标题文本
-          x: '50.5%',
-          y: '35%',
-          z: this.$fontSize(8),
-          textAlign: 'center',
-          textStyle: {
-            fontFamily: '微软雅黑',
-            fontSize: this.$fontSize(36),
-            color: '#9B9B9B'
-          }
-        },
-        color: ['#2478F2', '#84B7F9', '#5F9CF8'],
-        tooltip: {
-          trigger: 'item'
-        },
-        legend: {
-          bottom: '2%',
-          left: 'center',
-          itemWidth: this.$fontSize(20),
-          itemHeight: this.$fontSize(10),
-          textStyle: {
-            fontSize: this.$fontSize(14)
-          }
-        },
-        series: [
-          {
-            name: '车辆数量',
-            type: 'pie',
-            radius: ['50%', '65%'],
-            center: ['52%', '40%'],
-            minAngle: this.$fontSize(75), //最小角度
-            startAngle: this.$fontSize(360), //起始角度
-            labelLine: {
-              normal: {
-                length: this.$fontSize(15),
-                fontSize: this.$fontSize(14)
-              }
-            },
-            label: {
-              color: '#415058',
-              fontSize: this.$fontSize(12),
-              formatter: '{b|{b}}\n{c|{c}} 占{d|{d}}%',
-              // padding: [0, 0, 0, this.$fontSize(-15)],
-              position: 'outer',
-              alignTo: 'edge',
-              margin: 6,
-              rich: {
-                b: {
-                  // width: this.$fontSize(200),
-                  color: '#415058',
-                  lineHeight: this.$fontSize(20),
-                  fontSize: this.$fontSize(12)
+    data() {
+        return {
+            timeRadio: "1",
+            carDataTypeList: [
+                {
+                    value: 1,
+                    name: "固定车",
                 },
-                c: {
-                  color: '#415058',
-                  lineHeight: this.$fontSize(20),
-                  fontSize: this.$fontSize(12)
-                  // align: "right",
+                {
+                    value: 2,
+                    name: "长期车",
                 },
-                d: {
-                  color: '#415058',
-                  lineHeight: this.$fontSize(20),
-                  fontSize: this.$fontSize(12)
-                  // align: "right",
-                }
-              }
+                {
+                    value: 3,
+                    name: "临时车",
+                },
+                {
+                    value: 4,
+                    name: "外来车",
+                },
+            ],
+            pagInfo: {
+                pageNo: 1, //页数
+                pageSize: 10, //条数
+                total: 0, //总条数
             },
-            data: [
-              { value: this.totalCarNum.gdcNum, name: '固定车总数' },
-              { value: this.totalCarNum.cqcNum, name: '长期车总数' },
-              { value: this.totalCarNum.lscNum, name: '临时车总数' }
-            ]
-          }
-        ]
-      };
-
-      numChart.setOption(option);
-      window.addEventListener('resize', function () {
-        numChart.resize();
-      });
+            carCompareList: [],
+            totalNum: {
+                innum: 0,
+                outnum: 0,
+                wlcInNum: 0,
+                cqcInNum: 0,
+                gdcInNum: 0,
+                lscInNum: 0,
+            },
+            totalCarNum: {
+                gdcNum: 0,
+                cqcNum: 0,
+                lscNum: 0,
+            },
+        };
     },
-    //车种进出---图表
-    createdAgeCharts(arr1, arr2, xData, el, legendData) {
-      let that = this;
-      let ageChart = echarts.init(el);
-      //   ageChart.clear();
-      let option = {
-        grid: {
-          top: this.$fontSize(40),
-          left: this.$fontSize(20),
-          bottom: 0,
-          right: this.$fontSize(20),
-          containLabel: true
+    mounted() {
+        this.selectCarStatisticsNumFn();
+        this.selectCarStatisticsByCameraId();
+        this.selectCarStatisticsRecordFn();
+        this.selectCarPassRecordInOutCount();
+        this.getCarPassRecordList();
+    },
+    methods: {
+        selectCarStatisticsNumFn() {
+            let that = this;
+            selectCarStatisticsNumApi({
+                projectSn: this.$store.state.projectSn,
+            }).then((res) => {
+                that.totalCarNum = { ...res.result };
+                that.carNumCharts(that.$refs.carNumChart);
+            });
         },
-        color: ['#5181F6', '#61D2B9'],
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'shadow'
-          }
+        selectCarStatisticsRecordFn() {
+            selectCarStatisticsRecordApi({
+                projectSn: this.$store.state.projectSn,
+            }).then((res) => {
+                this.totalNum = res.result;
+            });
         },
-        legend: {
-          show: true,
-          align: 'left',
-          top: this.$fontSize(5),
-          left: this.$fontSize(20),
-          itemWidth: this.$fontSize(13),
-          itemHeight: this.$fontSize(5),
-          textStyle: {
-            color: '#9fa2ad',
-            fontSize: this.$fontSize(12)
-          }
+        selectCarStatisticsByCameraId() {
+            selectCarStatisticsByCameraIdApi({
+                projectSn: this.$store.state.projectSn,
+            }).then((res) => {
+                var carTypeList = res.result.carTypeList;
+                var arr1 = [],
+                    arr2 = [],
+                    xData = [];
+                carTypeList.forEach((element) => {
+                    xData.push(element.carTypeName);
+                    arr1.push(element.innum);
+                    arr2.push(element.outnum);
+                });
+                this.createdAgeCharts(
+                    arr1,
+                    arr2,
+                    xData,
+                    this.$refs.carTypeChart,
+                    [
+                        this.$t("message.carManage.in"),
+                        this.$t("message.carManage.out"),
+                    ]
+                );
+            });
         },
-        xAxis: [
-          {
-            type: 'category',
-            data: xData,
-            boundaryGap: true,
-            axisTick: {
-              show: false
-            },
-            axisLine: {
-              show: false
-            },
-            axisLabel: {
-              color: '#9fa2ad',
-              fontSize: this.$fontSize(12)
+        getCarPassRecordList() {
+            getCarPassRecordListApi({
+                projectSn: this.$store.state.projectSn,
+                carModuleType: 2,
+            }).then((res) => {
+                this.carCompareList = res.result;
+                setTimeout(() => {
+                    this.$previewRefresh();
+                }, 100);
+            });
+        },
+        selectCarPassRecordInOutCount() {
+            selectCarPassRecordInOutCountApi({
+                projectSn: this.$store.state.projectSn,
+                type: 1,
+            }).then((res) => {
+                var Data = res.result;
+                var arr1 = [],
+                    arr2 = [],
+                    xData = [];
+                Data.forEach((element) => {
+                    xData.push(element.passTime);
+                    arr1.push(element.innum);
+                    arr2.push(element.outnum);
+                });
+                this.createdAgeCharts(
+                    arr1,
+                    arr2,
+                    xData,
+                    this.$refs.inOut24HoursChart,
+                    [
+                        this.$t("message.carManage.in"),
+                        this.$t("message.carManage.out"),
+                    ]
+                );
+            });
+        },
+        SizeChange(val) {
+            this.pagInfo.pageSize = val;
+            this.getCarCompareList();
+        },
+        CurrentChange(val) {
+            this.pagInfo.pageNo = val;
+            this.getCarCompareList();
+        },
+        getCarCompareList() {},
+        //车辆数量统计---图表
+        carNumCharts(el) {
+            console.log(this.totalCarNum, 888999);
+            let totalNum = 0;
+            for (let i in this.totalCarNum) {
+                totalNum += this.totalCarNum[i];
             }
-          }
-        ],
+            let that = this;
+            let numChart = echarts.init(el);
+            //   ageChart.clear();
+            let option = {
+                title: {
+                    text: totalNum, //标题文本
+                    x: "50.5%",
+                    y: "35%",
+                    z: this.$fontSize(8),
+                    textAlign: "center",
+                    textStyle: {
+                        fontFamily: "微软雅黑",
+                        fontSize: this.$fontSize(36),
+                        color: "#9B9B9B",
+                    },
+                },
+                color: ["#2478F2", "#84B7F9", "#5F9CF8"],
+                tooltip: {
+                    trigger: "item",
+                },
+                legend: {
+                    bottom: "2%",
+                    left: "center",
+                    itemWidth: this.$fontSize(20),
+                    itemHeight: this.$fontSize(10),
+                    textStyle: {
+                        fontSize: this.$fontSize(14),
+                    },
+                },
+                series: [
+                    {
+                        name: "车辆数量",
+                        type: "pie",
+                        radius: ["50%", "65%"],
+                        center: ["52%", "40%"],
+                        minAngle: this.$fontSize(75), //最小角度
+                        startAngle: this.$fontSize(360), //起始角度
+                        labelLine: {
+                            normal: {
+                                length: this.$fontSize(15),
+                                fontSize: this.$fontSize(14),
+                            },
+                        },
+                        label: {
+                            color: "#415058",
+                            fontSize: this.$fontSize(12),
+                            formatter: "{b|{b}}\n{c|{c}} 占{d|{d}}%",
+                            // padding: [0, 0, 0, this.$fontSize(-15)],
+                            position: "outer",
+                            alignTo: "edge",
+                            margin: 6,
+                            rich: {
+                                b: {
+                                    // width: this.$fontSize(200),
+                                    color: "#415058",
+                                    lineHeight: this.$fontSize(20),
+                                    fontSize: this.$fontSize(12),
+                                },
+                                c: {
+                                    color: "#415058",
+                                    lineHeight: this.$fontSize(20),
+                                    fontSize: this.$fontSize(12),
+                                    // align: "right",
+                                },
+                                d: {
+                                    color: "#415058",
+                                    lineHeight: this.$fontSize(20),
+                                    fontSize: this.$fontSize(12),
+                                    // align: "right",
+                                },
+                            },
+                        },
+                        data: [
+                            {
+                                value: this.totalCarNum.gdcNum,
+                                name: "固定车总数",
+                            },
+                            {
+                                value: this.totalCarNum.cqcNum,
+                                name: "长期车总数",
+                            },
+                            {
+                                value: this.totalCarNum.lscNum,
+                                name: "临时车总数",
+                            },
+                        ],
+                    },
+                ],
+            };
 
-        yAxis: {
-          type: 'value',
-          axisTick: {
-            show: false
-          },
-          axisLine: {
-            show: false
-          },
-          splitLine: {
-            lineStyle: {
-              type: 'dashed',
-              color: 'rgba(231, 233, 243, 0.5)'
-            }
-          },
-          axisLabel: {
-            color: '#9fa2ad',
-            fontSize: this.$fontSize(12)
-          }
+            numChart.setOption(option);
+            window.addEventListener("resize", function () {
+                numChart.resize();
+            });
         },
-        series: [
-          {
-            name: legendData[0],
-            type: 'bar',
-            data: arr1,
-            barWidth: this.$fontSize(14),
-            barGap: 0.1
-          },
-          {
-            name: legendData[1],
-            type: 'bar',
-            data: arr2,
-            barWidth: this.$fontSize(14)
-          }
-        ]
-      };
+        //车种进出---图表
+        createdAgeCharts(arr1, arr2, xData, el, legendData) {
+            let that = this;
+            let ageChart = echarts.init(el);
+            //   ageChart.clear();
+            let option = {
+                grid: {
+                    top: this.$fontSize(40),
+                    left: this.$fontSize(20),
+                    bottom: 0,
+                    right: this.$fontSize(20),
+                    containLabel: true,
+                },
+                color: ["#5181F6", "#61D2B9"],
+                tooltip: {
+                    trigger: "axis",
+                    axisPointer: {
+                        type: "shadow",
+                    },
+                },
+                legend: {
+                    show: true,
+                    align: "left",
+                    top: this.$fontSize(5),
+                    left: this.$fontSize(20),
+                    itemWidth: this.$fontSize(13),
+                    itemHeight: this.$fontSize(5),
+                    textStyle: {
+                        color: "#9fa2ad",
+                        fontSize: this.$fontSize(12),
+                    },
+                },
+                xAxis: [
+                    {
+                        type: "category",
+                        data: xData,
+                        boundaryGap: true,
+                        axisTick: {
+                            show: false,
+                        },
+                        axisLine: {
+                            show: false,
+                        },
+                        axisLabel: {
+                            color: "#9fa2ad",
+                            fontSize: this.$fontSize(12),
+                        },
+                    },
+                ],
 
-      ageChart.setOption(option);
-      window.addEventListener('resize', function () {
-        ageChart.resize();
-      });
-    }
-  }
+                yAxis: {
+                    type: "value",
+                    axisTick: {
+                        show: false,
+                    },
+                    axisLine: {
+                        show: false,
+                    },
+                    splitLine: {
+                        lineStyle: {
+                            type: "dashed",
+                            color: "rgba(231, 233, 243, 0.5)",
+                        },
+                    },
+                    axisLabel: {
+                        color: "#9fa2ad",
+                        fontSize: this.$fontSize(12),
+                    },
+                },
+                series: [
+                    {
+                        name: legendData[0],
+                        type: "bar",
+                        data: arr1,
+                        barWidth: this.$fontSize(14),
+                        barGap: 0.1,
+                    },
+                    {
+                        name: legendData[1],
+                        type: "bar",
+                        data: arr2,
+                        barWidth: this.$fontSize(14),
+                    },
+                ],
+            };
+
+            ageChart.setOption(option);
+            window.addEventListener("resize", function () {
+                ageChart.resize();
+            });
+        },
+    },
 };
 </script>
 <style lang="less" scoped>
 .blockInner {
-  padding: 15px;
-  height: calc(100% - 30px);
+    padding: 15px;
+    height: calc(100% - 30px);
 }
 .whiteBlock {
-  float: left;
-  width: calc(50% - 7.5px);
+    float: left;
+    width: calc(50% - 7.5px);
 }
 .chart {
-  height: calc(100% - 40px);
-  width: 100%;
-  overflow: hidden;
+    height: calc(100% - 40px);
+    width: 100%;
+    overflow: hidden;
 }
 .top {
-  margin-bottom: 15px;
+    margin-bottom: 15px;
 }
 .blockContent {
-  height: calc(100% - 40px);
+    height: calc(100% - 40px);
 }
 .top,
 .bottom {
-  height: calc(50% - 7.5px);
-  .whiteBlock {
-    height: 100%;
-    &:first-child {
-      margin-right: 15px;
+    height: calc(50% - 7.5px);
+    .whiteBlock {
+        height: 100%;
+        &:first-child {
+            margin-right: 15px;
+        }
     }
-  }
 }
 .tables {
-  min-height: auto;
+    min-height: auto;
 }
 
 // 数据统计内容样式
 .statistics-content {
-  display: flex;
-  &-left {
-    width: 60%;
-    .search-title {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin-top: -5px;
-      .pageTitle {
-        margin-bottom: 0px;
-        line-height: 16px;
-      }
-      .condition-change {
-        margin-right: 5px;
-      }
-    }
-    .left-data {
-      width: 100%;
-      margin-top: 60px;
-      .numBox {
-        display: inline-flex;
-        align-items: center;
-        width: 33%;
-        height: 40%;
-        margin-bottom: 80px;
-        > img {
-          width: 52px;
-          height: 52px;
-        }
-        .dataBox {
-          margin-left: 12px;
+    display: flex;
+    &-left {
+        width: 60%;
+        .search-title {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-top: -5px;
+            .pageTitle {
+                margin-bottom: 0px;
+                line-height: 16px;
+            }
+            .condition-change {
+                margin-right: 5px;
+            }
         }
+        .left-data {
+            width: 100%;
+            margin-top: 60px;
+            .numBox {
+                display: inline-flex;
+                align-items: center;
+                width: 33%;
+                height: 40%;
+                margin-bottom: 80px;
+                > img {
+                    width: 52px;
+                    height: 52px;
+                }
+                .dataBox {
+                    margin-left: 12px;
+                }
 
-        .num {
-          font-size: 20px;
-        }
+                .num {
+                    font-size: 20px;
+                }
 
-        .text {
-          font-size: 14px;
-          // color: #7C829E;
-          opacity: 0.7;
+                .text {
+                    font-size: 14px;
+                    // color: #7C829E;
+                    opacity: 0.7;
+                }
+            }
         }
-      }
     }
-  }
-  &-right {
-    width: 40%;
-  }
+    &-right {
+        width: 40%;
+    }
 }
 </style>
diff --git a/src/views/projectFront/carManage/vehicleReal.vue b/src/views/projectFront/carManage/vehicleReal.vue
index 8a1c8190..1593dbd4 100644
--- a/src/views/projectFront/carManage/vehicleReal.vue
+++ b/src/views/projectFront/carManage/vehicleReal.vue
@@ -1,250 +1,299 @@
 <template>
-  <div class="fullHeight">
-    <div class="searchBox whiteBlock">
-      <el-form :inline="true" :model="pageInfo" class="demo-form-inline" ref="queryForm" label-width="70px" size="small">
-        <el-form-item label="车牌号码">
-          <el-input v-model="pageInfo.carNumber" placeholder="请输入" @keyup.enter.native="getList"></el-input>
-        </el-form-item>
-
-        <el-form-item label="设备名称">
-          <el-input v-model="pageInfo.deviceName" placeholder="请输入" @keyup.enter.native="getList"></el-input>
-        </el-form-item>
-
-        <el-form-item label="上传时间">
-          <el-date-picker
-            v-model="updateDate"
-            type="datetimerange"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            value-format="yyyy-MM-dd HH:mm:ss"
-            format="yyyy-MM-dd HH:mm:ss"
-            :default-time="['00:00:00', '23:59:59']"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item>
-          <el-button
-            v-permission="{
-              key: 'clgl_query',
-              menuPath: '/project/carManage/vehicleReal'
-            }"
-            type="primary"
-            size="medium"
-            plain
-            @click="getList"
-            >搜索</el-button
-          >
-          <el-button
-            v-permission="{
-              key: 'clgl_refresh',
-              menuPath: '/project/carManage/vehicleReal'
-            }"
-            type="warning"
-            size="medium"
-            plain
-            @click="resetQuery"
-            >刷新</el-button
-          >
-        </el-form-item>
-      </el-form>
-    </div>
-
-    <div class="table_wrap whiteBlock">
-      <el-table class="tables" :data="List" height="520px">
-        <el-table-column prop="deviceName" align="center" label="抓拍设备"></el-table-column>
-        <el-table-column prop="carNumber" align="center" label="车牌号"></el-table-column>
-
-        <el-table-column prop="isExceed" align="center" label="是否超出阈值">
-          <template slot-scope="scope">
-            {{ scope.row.isExceed == 1 ? '是' : '否' }}
-          </template>
-        </el-table-column>
-
-        <el-table-column prop="currentSpeed" align="center" label="当时车数(km/h)"></el-table-column>
-
-        <el-table-column width="300" prop="exceedingThreshold" align="center" label="超出阈值"></el-table-column>
-        <el-table-column width="300" prop="snapshotImage" align="center" label="抓拍照片">
-          <template slot-scope="scope">
-            <el-image
-              style="width: 50px; height: 50px"
-              :src="$store.state.FILEURL + scope.row.snapshotImage"
-              :preview-src-list="[$store.state.FILEURL + scope.row.snapshotImage]"
+    <div class="fullHeight">
+        <div class="searchBox whiteBlock">
+            <el-form
+                :inline="true"
+                :model="pageInfo"
+                class="demo-form-inline"
+                ref="queryForm"
+                label-width="70px"
+                size="small"
             >
-              <div slot="error" class="image-slot">
-                <i class="el-icon-picture-outline"></i>
-              </div>
-            </el-image>
-          </template>
-        </el-table-column>
-        <el-table-column width="300" prop="uploadTime" align="center" label="上传时间"></el-table-column>
-      </el-table>
-    </div>
+                <el-form-item label="车牌号码">
+                    <el-input
+                        v-model="pageInfo.carNumber"
+                        placeholder="请输入"
+                        @keyup.enter.native="getList"
+                    ></el-input>
+                </el-form-item>
 
-    <div class="Pagination-but">
-      <el-pagination
-        class="pagerBox"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="pageInfo.pageNo"
-        :page-sizes="[10, 50, 100]"
-        :page-size="pageInfo.pageSize"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="pageInfo.total"
-        background
-      ></el-pagination>
+                <el-form-item label="设备名称">
+                    <el-input
+                        v-model="pageInfo.deviceName"
+                        placeholder="请输入"
+                        @keyup.enter.native="getList"
+                    ></el-input>
+                </el-form-item>
+
+                <el-form-item label="上传时间">
+                    <el-date-picker
+                        v-model="updateDate"
+                        type="datetimerange"
+                        range-separator="至"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                        value-format="yyyy-MM-dd HH:mm:ss"
+                        format="yyyy-MM-dd HH:mm:ss"
+                    ></el-date-picker>
+                </el-form-item>
+
+                <el-form-item>
+                    <el-button
+                        v-permission="{
+                            key: 'clgl_query',
+                            menuPath: '/project/carManage/vehicleReal',
+                        }"
+                        type="primary"
+                        size="medium"
+                        plain
+                        @click="getList"
+                        >搜索</el-button
+                    >
+                    <el-button
+                        v-permission="{
+                            key: 'clgl_refresh',
+                            menuPath: '/project/carManage/vehicleReal',
+                        }"
+                        type="warning"
+                        size="medium"
+                        plain
+                        @click="resetQuery"
+                        >刷新</el-button
+                    >
+                </el-form-item>
+            </el-form>
+        </div>
+
+        <div class="table_wrap whiteBlock">
+            <el-table class="tables" :data="List" height="520px">
+                <el-table-column
+                    prop="deviceName"
+                    align="center"
+                    label="抓拍设备"
+                ></el-table-column>
+                <el-table-column
+                    prop="carNumber"
+                    align="center"
+                    label="车牌号"
+                ></el-table-column>
+
+                <el-table-column
+                    prop="isExceed"
+                    align="center"
+                    label="是否超出阈值"
+                >
+                    <template slot-scope="scope">
+                        {{ scope.row.isExceed == 1 ? "是" : "否" }}
+                    </template>
+                </el-table-column>
+
+                <el-table-column
+                    prop="currentSpeed"
+                    align="center"
+                    label="当时车速(km/h)"
+                ></el-table-column>
+
+                <el-table-column
+                    width="300"
+                    prop="exceedingThreshold"
+                    align="center"
+                    label="超出阈值"
+                ></el-table-column>
+                <el-table-column
+                    width="300"
+                    prop="snapshotImage"
+                    align="center"
+                    label="抓拍照片"
+                >
+                    <template slot-scope="scope">
+                        <el-image
+                            style="width: 50px; height: 50px"
+                            :src="
+                                $store.state.FILEURL + scope.row.snapshotImage
+                            "
+                            :preview-src-list="[
+                                $store.state.FILEURL + scope.row.snapshotImage,
+                            ]"
+                        >
+                            <div slot="error" class="image-slot">
+                                <i class="el-icon-picture-outline"></i>
+                            </div>
+                        </el-image>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    width="300"
+                    prop="uploadTime"
+                    align="center"
+                    label="上传时间"
+                ></el-table-column>
+            </el-table>
+        </div>
+
+        <div class="Pagination-but">
+            <el-pagination
+                class="pagerBox"
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :current-page="pageInfo.pageNo"
+                :page-sizes="[10, 50, 100]"
+                :page-size="pageInfo.pageSize"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="pageInfo.total"
+                background
+            ></el-pagination>
+        </div>
     </div>
-  </div>
 </template>
 <script>
-import { carMeasureSpeedData } from '../../../assets/js/api/carManage';
-import dayjs from 'dayjs';
+import { carMeasureSpeedData } from "../../../assets/js/api/carManage";
+import dayjs from "dayjs";
 export default {
-  mounted() {
-    this.getList();
-  },
-  data() {
-    return {
-      addEditForm: {
-        gateName: '',
-        gateNumber: '',
-        type: 1
-      },
-      formRules: {
-        gateName: [
-          {
-            required: true,
-            message: this.$t('message.personnelPosition.required'),
-            trigger: 'blur'
-          }
-        ],
-        gateNumber: [
-          {
-            required: true,
-            message: this.$t('message.personnelPosition.required'),
-            trigger: 'blur'
-          }
-        ]
-      },
-      List: [],
-      Popup: {
-        type: 'add',
-        show: false
-      },
-      // 分页查询
-      pageInfo: {
-        // 总条数
-        total: 0,
-        // 当前页
-        pageNo: 1,
-        // 每页条数
-        pageSize: 15,
-        // 车牌
-        carNumber: null,
-        // 设备
-        deviceName: null,
-        // uploadTime_begin: "2024-09-02 00:00:00",
-        // uploadTime_end: "2024-09-03 00:00:00",
-        uploadTime_begin: '',
-        uploadTime_end: ''
-      },
-      // 上传时间
-      updateDate: [
-        dayjs().format('YYYY-MM-DD 00:00:00'),
-        dayjs().format('YYYY-MM-DD 23:59:59')
-      ]
-    };
-  },
-  methods: {
-    // 搜索
-    resetQuery() {
-      // console.log("pageinfo", this.pageInfo);
-      this.pageInfo.pageNo = 1;
-      this.pageInfo.pageSize = 10;
-      this.pageInfo.carNumber = null;
-      this.pageInfo.deviceName = null;
-      // this.pageInfo.uploadTime_begin = null;
-      // this.pageInfo.uploadTime_end = null;
-      // this.updateDate = [];
-      this.getList();
+    mounted() {
+        this.getList();
     },
-    handle(type, show) {
-      //打开弹窗前的统一处理
-      this.Popup = {
-        type: type,
-        show: show
-      };
+    data() {
+        return {
+            addEditForm: {
+                gateName: "",
+                gateNumber: "",
+                type: 1,
+            },
+            formRules: {
+                gateName: [
+                    {
+                        required: true,
+                        message: this.$t("message.personnelPosition.required"),
+                        trigger: "blur",
+                    },
+                ],
+                gateNumber: [
+                    {
+                        required: true,
+                        message: this.$t("message.personnelPosition.required"),
+                        trigger: "blur",
+                    },
+                ],
+            },
+            List: [],
+            Popup: {
+                type: "add",
+                show: false,
+            },
+            // 分页查询
+            pageInfo: {
+                // 总条数
+                total: 0,
+                // 当前页
+                pageNo: 1,
+                // 每页条数
+                pageSize: 15,
+                // 车牌
+                carNumber: null,
+                // 设备
+                deviceName: null,
+                // uploadTime_begin: "2024-09-02 00:00:00",
+                // uploadTime_end: "2024-09-03 00:00:00",
+                uploadTime_begin: "",
+                uploadTime_end: "",
+            },
+            // 上传时间
+            updateDate: [
+                dayjs().format("YYYY-MM-DD 00:00:00"),
+                dayjs().format("YYYY-MM-DD 23:59:59"),
+            ],
+        };
     },
-    Change() {},
+    methods: {
+        // 搜索
+        resetQuery() {
+            // console.log("pageinfo", this.pageInfo);
+            this.pageInfo.pageNo = 1;
+            this.pageInfo.pageSize = 10;
+            this.pageInfo.carNumber = null;
+            this.pageInfo.deviceName = null;
+            this.pageInfo.uploadTime_begin = null;
+            this.pageInfo.uploadTime_end = null;
+            this.updateDate = [];
+            this.getList();
+        },
+        handle(type, show) {
+            //打开弹窗前的统一处理
+            this.Popup = {
+                type: type,
+                show: show,
+            };
+        },
+        Change() {},
 
-    getList() {
-      // 处理时间
-      console.log('this.updateDate.length', this.updateDate);
-      console.log('this.updateDate.length', this.updateDate[0]);
-      console.log('this.updateDate.length', this.updateDate[1]);
+        getList() {
+            // 处理时间
+            console.log("this.updateDate.length", this.updateDate);
+            console.log("this.updateDate.length", this.updateDate[0]);
+            console.log("this.updateDate.length", this.updateDate[1]);
 
-      if (this.updateDate.length > 1) {
-        this.pageInfo.uploadTime_begin = this.updateDate[0];
-        this.pageInfo.uploadTime_end = this.updateDate[1];
-        // this.pageInfo.updateDate = []
-      }
+            if (this.updateDate.length > 1) {
+                this.pageInfo.uploadTime_begin = this.updateDate[0];
+                this.pageInfo.uploadTime_end = this.updateDate[1];
+                // this.pageInfo.updateDate = []
+            }
 
-      console.log('pageinfo', this.pageInfo);
+            console.log("pageinfo", this.pageInfo);
 
-      carMeasureSpeedData(this.pageInfo).then(result => {
-        if (result.success) {
-          this.List = result.result.records;
-          this.pageInfo.total = Number(result.result.total);
-          // console.log("列表", result.result.records);
-        }
-      });
+            carMeasureSpeedData(this.pageInfo).then((result) => {
+                if (result.success) {
+                    this.List = result.result.records;
+                    this.pageInfo.total = Number(result.result.total);
+                    // console.log("列表", result.result.records);
+                }
+            });
+        },
+
+        close() {
+            this.addEditForm = {
+                isEnable: 0,
+            };
+        },
+
+        // 分页 左右 点击 输入
+        handleSizeChange(val) {
+            // console.log(`每页 ${val} 条`);
+            this.pageInfo.pageSize = val;
+            this.getList();
+        },
+
+        // 分页多少条点击事件
+        handleCurrentChange(val) {
+            // console.log(`当前页: ${val}`);
+            this.pageInfo.pageNo = val;
+            this.getList();
+        },
     },
-
-    close() {
-      this.addEditForm = {
-        isEnable: 0
-      };
-    },
-
-    // 分页 左右 点击 输入
-    handleSizeChange(val) {
-      // console.log(`每页 ${val} 条`);
-      this.pageInfo.pageSize = val;
-      this.getList();
-    },
-
-    // 分页多少条点击事件
-    handleCurrentChange(val) {
-      // console.log(`当前页: ${val}`);
-      this.pageInfo.pageNo = val;
-      this.getList();
-    }
-  }
 };
 </script>
 <style lang="less">
 .tableBtns {
-  display: flex;
-  justify-content: center;
+    display: flex;
+    justify-content: center;
 }
 
 .yj-dialogFormBox {
-  width: 462px;
+    width: 462px;
 }
 
 .fullHeight {
-  position: relative;
+    position: relative;
 
-  .Pagination-but {
-    width: 100%;
-    padding: 20px 0;
-    // background: skyblue;
-    position: absolute;
-    bottom: 30px;
-    right: 20px;
+    .Pagination-but {
+        width: 100%;
+        padding: 20px 0;
+        // background: skyblue;
+        position: absolute;
+        bottom: 30px;
+        right: 20px;
 
-    display: flex;
-    justify-content: center;
-  }
+        display: flex;
+        justify-content: center;
+    }
 }
 </style>