From a4b6e96ef0afeeffb405a7c6d656f3d32c6dc31b Mon Sep 17 00:00:00 2001
From: shaowenhao <3121640096@qq.com>
Date: Sun, 26 Nov 2023 20:10:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E8=BD=A6=E8=BE=86=E8=BF=90?=
 =?UTF-8?q?=E8=A1=8C=E8=BD=A8=E8=BF=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/allCar/operation.vue | 2562 ++++++++++++++++----------------
 1 file changed, 1281 insertions(+), 1281 deletions(-)

diff --git a/src/views/allCar/operation.vue b/src/views/allCar/operation.vue
index 5cd5988..86566d0 100644
--- a/src/views/allCar/operation.vue
+++ b/src/views/allCar/operation.vue
@@ -1,1289 +1,1289 @@
-<!--运行轨迹-->
-<template>
-  <div class="app-container">
-    <el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
-      <el-form-item label="车辆VIN" prop="vin">
-        <el-input
-          v-model="queryParams.vin"
-          placeholder="请输入车辆VIN"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="车辆类型" prop="vehicleType">
-        <el-select v-model="queryParams.vehicleType" placeholder="请选择车辆类型" clearable>
-          <el-option
-            v-for="dict in dict.type.vehicle_type"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="电子围栏" clearable prop="fenceId">
-        <el-input
-          v-model="queryParams.fenceId"
-          placeholder="请输入电子围栏ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="车辆状态" prop="vehicleStatus">
-        <el-select v-model="queryParams.vehicleStatus" placeholder="请选择车辆状态" clearable>
-          <el-option
-            v-for="dict in dict.type.vehicle_status"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="电机厂商" prop="motorManufacturer">
-        <el-input
-          v-model="queryParams.motorManufacturer"
-          placeholder="请输入电机厂商"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="电池厂商" prop="batteryManufacturer">
-        <el-input
-          v-model="queryParams.batteryManufacturer"
-          placeholder="请输入电池厂商"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="电机编号" prop="motorId">
-        <el-input
-          v-model="queryParams.motorId"
-          placeholder="请输入电机编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="电池编号" prop="batteryId">
-        <el-input
-          v-model="queryParams.batteryId"
-          placeholder="请输入电池编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
+<!--&lt;!&ndash;运行轨迹&ndash;&gt;-->
+<!--<template>-->
+<!--  <div class="app-container">-->
+<!--    <el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">-->
+<!--      <el-form-item label="车辆VIN" prop="vin">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.vin"-->
+<!--          placeholder="请输入车辆VIN"-->
+<!--          clearable-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="车辆类型" prop="vehicleType">-->
+<!--        <el-select v-model="queryParams.vehicleType" placeholder="请选择车辆类型" clearable>-->
+<!--          <el-option-->
+<!--            v-for="dict in dict.type.vehicle_type"-->
+<!--            :key="dict.value"-->
+<!--            :label="dict.label"-->
+<!--            :value="dict.value"-->
+<!--          />-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="电子围栏" clearable prop="fenceId">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.fenceId"-->
+<!--          placeholder="请输入电子围栏ID"-->
+<!--          clearable-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="车辆状态" prop="vehicleStatus">-->
+<!--        <el-select v-model="queryParams.vehicleStatus" placeholder="请选择车辆状态" clearable>-->
+<!--          <el-option-->
+<!--            v-for="dict in dict.type.vehicle_status"-->
+<!--            :key="dict.value"-->
+<!--            :label="dict.label"-->
+<!--            :value="dict.value"-->
+<!--          />-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="电机厂商" prop="motorManufacturer">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.motorManufacturer"-->
+<!--          placeholder="请输入电机厂商"-->
+<!--          clearable-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="电池厂商" prop="batteryManufacturer">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.batteryManufacturer"-->
+<!--          placeholder="请输入电池厂商"-->
+<!--          clearable-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="电机编号" prop="motorId">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.motorId"-->
+<!--          placeholder="请输入电机编号"-->
+<!--          clearable-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="电池编号" prop="batteryId">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.batteryId"-->
+<!--          placeholder="请输入电池编号"-->
+<!--          clearable-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item>-->
+<!--        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>-->
+<!--        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>-->
+<!--      </el-form-item>-->
+<!--    </el-form>-->
 
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          v-hasPermi="['vehicle:vehicle:add']"
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-        >新增</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          v-hasPermi="['vehicle:vehicle:edit']"
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-        >修改</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          v-hasPermi="['vehicle:vehicle:remove']"
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-        >删除</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          v-hasPermi="['vehicle:vehicle:export']"
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-        >导出</el-button>
-      </el-col>
-      <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
-    </el-row>
+<!--    <el-row :gutter="10" class="mb8">-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          v-hasPermi="['vehicle:vehicle:add']"-->
+<!--          type="primary"-->
+<!--          plain-->
+<!--          icon="el-icon-plus"-->
+<!--          size="mini"-->
+<!--          @click="handleAdd"-->
+<!--        >新增</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          v-hasPermi="['vehicle:vehicle:edit']"-->
+<!--          type="success"-->
+<!--          plain-->
+<!--          icon="el-icon-edit"-->
+<!--          size="mini"-->
+<!--          :disabled="single"-->
+<!--          @click="handleUpdate"-->
+<!--        >修改</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          v-hasPermi="['vehicle:vehicle:remove']"-->
+<!--          type="danger"-->
+<!--          plain-->
+<!--          icon="el-icon-delete"-->
+<!--          size="mini"-->
+<!--          :disabled="multiple"-->
+<!--          @click="handleDelete"-->
+<!--        >删除</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          v-hasPermi="['vehicle:vehicle:export']"-->
+<!--          type="warning"-->
+<!--          plain-->
+<!--          icon="el-icon-download"-->
+<!--          size="mini"-->
+<!--          @click="handleExport"-->
+<!--        >导出</el-button>-->
+<!--      </el-col>-->
+<!--      <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />-->
+<!--    </el-row>-->
 
-    <el-table v-loading="loading" :data="vehicleList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="车辆VIN" width="160px" align="center" prop="vin" />
-      <el-table-column label="车辆类型" align="center" prop="vehicleType">
-        <template slot-scope="scope">
-          <dict-tag :options="dict.type.vehicle_type" :value="scope.row.vehicleType" />
-        </template>
-      </el-table-column>
-      <el-table-column label="电子围栏" align="center" prop="fenceId">
-        <template slot-scope="scope">
-          <span v-if="scope.row.fenceId === '' || scope.row.fenceId === null">
-            <el-tag type="warning">未规划</el-tag>
-          </span>
-          <span v-if="scope.row.fenceId !== '' && scope.row.fenceId !== null">
-            <el-tag type="success">{{ scope.row.fenceId }}</el-tag>
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column label="车辆状态" align="center" prop="vehicleStatus">
-        <template slot-scope="scope">
-          <dict-tag :options="dict.type.vehicle_status" :value="scope.row.vehicleStatus" />
-        </template>
-      </el-table-column>
-      <el-table-column label="电机厂商" align="center" prop="motorManufacturer" />
-      <el-table-column label="电池厂商" align="center" prop="batteryManufacturer" />
-      <el-table-column label="电机编号" width="160px" align="center" prop="motorId" />
-      <el-table-column label="电池编号" align="center" prop="batteryId" />
-      <el-table-column label="操作" width="200px" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
-          <el-button
-            :disabled="scope.row.vehicleStatus === 0"
-            size="mini"
-            type="text"
-            icon="el-icon-map-location"
-            @click="openTrack(scope.row.vin)"
-          >实时轨迹</el-button>
-          <el-button
-            v-hasPermi="['vehicle:vehicle:edit']"
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-          >修改</el-button>
-          <el-button
-            v-hasPermi="['vehicle:vehicle:remove']"
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
+<!--    <el-table v-loading="loading" :data="vehicleList" @selection-change="handleSelectionChange">-->
+<!--      <el-table-column type="selection" width="55" align="center" />-->
+<!--      <el-table-column label="车辆VIN" width="160px" align="center" prop="vin" />-->
+<!--      <el-table-column label="车辆类型" align="center" prop="vehicleType">-->
+<!--        <template slot-scope="scope">-->
+<!--          <dict-tag :options="dict.type.vehicle_type" :value="scope.row.vehicleType" />-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--      <el-table-column label="电子围栏" align="center" prop="fenceId">-->
+<!--        <template slot-scope="scope">-->
+<!--          <span v-if="scope.row.fenceId === '' || scope.row.fenceId === null">-->
+<!--            <el-tag type="warning">未规划</el-tag>-->
+<!--          </span>-->
+<!--          <span v-if="scope.row.fenceId !== '' && scope.row.fenceId !== null">-->
+<!--            <el-tag type="success">{{ scope.row.fenceId }}</el-tag>-->
+<!--          </span>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--      <el-table-column label="车辆状态" align="center" prop="vehicleStatus">-->
+<!--        <template slot-scope="scope">-->
+<!--          <dict-tag :options="dict.type.vehicle_status" :value="scope.row.vehicleStatus" />-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--      <el-table-column label="电机厂商" align="center" prop="motorManufacturer" />-->
+<!--      <el-table-column label="电池厂商" align="center" prop="batteryManufacturer" />-->
+<!--      <el-table-column label="电机编号" width="160px" align="center" prop="motorId" />-->
+<!--      <el-table-column label="电池编号" align="center" prop="batteryId" />-->
+<!--      <el-table-column label="操作" width="200px" align="center" class-name="small-padding fixed-width">-->
+<!--        <template slot-scope="scope">-->
+<!--          <el-button-->
+<!--            :disabled="scope.row.vehicleStatus === 0"-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-map-location"-->
+<!--            @click="openTrack(scope.row.vin)"-->
+<!--          >实时轨迹</el-button>-->
+<!--          <el-button-->
+<!--            v-hasPermi="['vehicle:vehicle:edit']"-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-edit"-->
+<!--            @click="handleUpdate(scope.row)"-->
+<!--          >修改</el-button>-->
+<!--          <el-button-->
+<!--            v-hasPermi="['vehicle:vehicle:remove']"-->
+<!--            size="mini"-->
+<!--            type="text"-->
+<!--            icon="el-icon-delete"-->
+<!--            @click="handleDelete(scope.row)"-->
+<!--          >删除</el-button>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--    </el-table>-->
 
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+<!--    <pagination-->
+<!--      v-show="total>0"-->
+<!--      :total="total"-->
+<!--      :page.sync="queryParams.pageNum"-->
+<!--      :limit.sync="queryParams.pageSize"-->
+<!--      @pagination="getList"-->
+<!--    />-->
 
-    <!-- 添加或修改车辆信息管理对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="车辆VIN" prop="vin">
-          <el-input v-model="form.vin" placeholder="请输入车辆VIN" />
-        </el-form-item>
-        <el-form-item label="车辆类型" prop="vehicleType">
-          <el-select v-model="form.vehicleType" placeholder="请选择车辆类型">
-            <el-option
-              v-for="dict in dict.type.vehicle_type"
-              :key="dict.value"
-              :label="dict.label"
-              :value="parseInt(dict.value)"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="电子围栏" prop="fenceId">
-          <el-select v-model="form.fenceId" clearable placeholder="请选择">
-            <el-option
-              v-for="item in fenceList"
-              :key="item.id"
-              :label="item.fenceName"
-              :value="item.id"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="电机厂商" prop="motorManufacturer">
-          <el-input v-model="form.motorManufacturer" placeholder="请输入电机厂商" />
-        </el-form-item>
-        <el-form-item label="电池厂商" prop="batteryManufacturer">
-          <el-input v-model="form.batteryManufacturer" placeholder="请输入电池厂商" />
-        </el-form-item>
-        <el-form-item label="电机编号" prop="motorId">
-          <el-input v-model="form.motorId" placeholder="请输入电机编号" />
-        </el-form-item>
-        <el-form-item label="电池编号" prop="batteryId">
-          <el-input v-model="form.batteryId" placeholder="请输入电池编号" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
+<!--    &lt;!&ndash; 添加或修改车辆信息管理对话框 &ndash;&gt;-->
+<!--    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>-->
+<!--      <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
+<!--        <el-form-item label="车辆VIN" prop="vin">-->
+<!--          <el-input v-model="form.vin" placeholder="请输入车辆VIN" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="车辆类型" prop="vehicleType">-->
+<!--          <el-select v-model="form.vehicleType" placeholder="请选择车辆类型">-->
+<!--            <el-option-->
+<!--              v-for="dict in dict.type.vehicle_type"-->
+<!--              :key="dict.value"-->
+<!--              :label="dict.label"-->
+<!--              :value="parseInt(dict.value)"-->
+<!--            />-->
+<!--          </el-select>-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="电子围栏" prop="fenceId">-->
+<!--          <el-select v-model="form.fenceId" clearable placeholder="请选择">-->
+<!--            <el-option-->
+<!--              v-for="item in fenceList"-->
+<!--              :key="item.id"-->
+<!--              :label="item.fenceName"-->
+<!--              :value="item.id"-->
+<!--            />-->
+<!--          </el-select>-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="电机厂商" prop="motorManufacturer">-->
+<!--          <el-input v-model="form.motorManufacturer" placeholder="请输入电机厂商" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="电池厂商" prop="batteryManufacturer">-->
+<!--          <el-input v-model="form.batteryManufacturer" placeholder="请输入电池厂商" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="电机编号" prop="motorId">-->
+<!--          <el-input v-model="form.motorId" placeholder="请输入电机编号" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="电池编号" prop="batteryId">-->
+<!--          <el-input v-model="form.batteryId" placeholder="请输入电池编号" />-->
+<!--        </el-form-item>-->
+<!--      </el-form>-->
+<!--      <div slot="footer" class="dialog-footer">-->
+<!--        <el-button type="primary" @click="submitForm">确 定</el-button>-->
+<!--        <el-button @click="cancel">取 消</el-button>-->
+<!--      </div>-->
+<!--    </el-dialog>-->
 
-    <el-dialog
-      :fullscreen="true"
-      :visible.sync="trajectoryVisible"
-      :before-close="trajectoryClose"
-    >
-      <div style="width:100%;height:800px;">
-        <el-row type="flex" style="height: 30px">
-          <el-col :span="24">
-            <div class="grid-content bg-purple-dark">
-              <el-tag style="margin-left: 45%;font-size: 16px" size="medium">车辆轨迹：{{ this.vin }}</el-tag>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row style="margin-top: 5px">
-          <el-col :span="7" style="margin-left: 2.2%;"><div class="grid-content bg-purple">
-            <el-card class="box-card" shadow="hover">
-              <div slot="header" class="clearfix" style="font-size: 8px">
-                <span>车辆轨迹</span>
-              </div>
-              <div>
-                <el-amap
-                  style="width: 450px;height: 300px"
-                  class="amap-box"
-                  :amap-manager="amapManager"
-                  :vid="'amap-vue'"
-                  :zoom="zoom"
-                  :plugin="plugin"
-                  :center="center"
-                  :events="events"
-                >
-                  <!-- 标记 -->
-                  <el-amap-marker v-for="(marker, index) in carmarkers" :key="index" :position="marker.position" :vid="index" :content="marker.content" :events="marker.events" />
-                  <el-amap-info-window
-                    :position="currentWindow.position"
-                    :content="currentWindow.content"
-                    :visible="currentWindow.visible"
-                    :events="currentWindow.events"
-                  />
-                </el-amap>
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col :span="8" style="margin-left: 1.5%"><div class="grid-content bg-purple-light">
-            <el-card class="box-card" shadow="hover">
-              <div slot="header" class="clearfix" style="font-size: 8px">
-                <span>车辆转速</span>
-              </div>
-              <div>
-                <div class="app-container homeIndex">
-                  <div class="mineEcharts">
-                    <div ref="mineEcharts" style="height: 260px" />
-                  </div>
-                </div>
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col :span="7" style="margin-left: 1.5%"><div class="grid-content bg-purple-light">
-            <el-card class="box-card" shadow="hover">
-              <div slot="header" class="clearfix" style="font-size: 8px;height: 10px">
-                <span>电池温度/电压</span>
-              </div>
-              <div>
-                <div id="batteryTemperature" :style="{width: '460px', height: '150px'}" />
-                <div id="cellVoltage" :style="{width: '470px', height: '150px'}" />
-              </div>
-            </el-card>
-          </div></el-col>
-        </el-row>
-        <el-row style="margin-top: 2%">
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>单体电池最低电压</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.lowestVoltageBattery }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.6%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>电机电压</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.motorVoltage }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.6%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>电机转速</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.motorSpeed }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.6%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>BMS自检计数器</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.selfCheckingCounter }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.6%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>总电压</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.totalVoltage }}
-              </div>
-            </el-card>
-          </div></el-col>
-        </el-row>
-        <el-row style="margin-top: 2%">
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>档位</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.gears }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>电池剩余电量</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.dumpEnergy }}%
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>电机电流</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.motorCurrent }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>制动踏板行程值</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.brakePedal }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>总电流</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.jointCurrent }}
-              </div>
-            </el-card>
-          </div></el-col>
-        </el-row>
-        <el-row style="margin-top: 2%">
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>单次最大电压</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.maximumVoltage }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>燃料消耗率</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.fuelRate }}L/百公里
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>绝缘电阻</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.insulationResistance }}Ω
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>最大反馈功率</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.maximumFeedbackPower }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>单体电池最高温度</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.maximumTemperatureBattery }}
-              </div>
-            </el-card>
-          </div></el-col>
-        </el-row>
-        <el-row style="margin-top: 2%">
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>动力电池可用容量</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.availableBatteryCapacity }}%
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>电机温度</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.motorTemperature }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>充放电电流</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.chargingAndDischargingCurrent }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>最大放电功率</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.maximumDischargePower }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>电机控制器温度</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.motorControllerTemperature }}
-              </div>
-            </el-card>
-          </div></el-col>
-        </el-row>
-        <el-row style="margin-top: 2%">
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>电池负载端总电压</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.totalVoltageAtLoadEnd }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>里程</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.totalDistance }}KM
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>单体电池最低温度</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.lowestTemperatureBattery }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>加速踏板行程值</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.acceleratorPedal }}
-              </div>
-            </el-card>
-          </div></el-col>
-          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>电机转矩</span>
-              </div>
-              <div>
-                {{ this.vehicleInfo.motorTorque }}
-              </div>
-            </el-card>
-          </div></el-col>
-        </el-row>
-      </div>
-    </el-dialog>
-  </div>
-</template>
+<!--    <el-dialog-->
+<!--      :fullscreen="true"-->
+<!--      :visible.sync="trajectoryVisible"-->
+<!--      :before-close="trajectoryClose"-->
+<!--    >-->
+<!--      <div style="width:100%;height:800px;">-->
+<!--        <el-row type="flex" style="height: 30px">-->
+<!--          <el-col :span="24">-->
+<!--            <div class="grid-content bg-purple-dark">-->
+<!--              <el-tag style="margin-left: 45%;font-size: 16px" size="medium">车辆轨迹：{{ this.vin }}</el-tag>-->
+<!--            </div>-->
+<!--          </el-col>-->
+<!--        </el-row>-->
+<!--        <el-row style="margin-top: 5px">-->
+<!--          <el-col :span="7" style="margin-left: 2.2%;"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card" shadow="hover">-->
+<!--              <div slot="header" class="clearfix" style="font-size: 8px">-->
+<!--                <span>车辆轨迹</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                <el-amap-->
+<!--                  style="width: 450px;height: 300px"-->
+<!--                  class="amap-box"-->
+<!--                  :amap-manager="amapManager"-->
+<!--                  :vid="'amap-vue'"-->
+<!--                  :zoom="zoom"-->
+<!--                  :plugin="plugin"-->
+<!--                  :center="center"-->
+<!--                  :events="events"-->
+<!--                >-->
+<!--                  &lt;!&ndash; 标记 &ndash;&gt;-->
+<!--                  <el-amap-marker v-for="(marker, index) in carmarkers" :key="index" :position="marker.position" :vid="index" :content="marker.content" :events="marker.events" />-->
+<!--                  <el-amap-info-window-->
+<!--                    :position="currentWindow.position"-->
+<!--                    :content="currentWindow.content"-->
+<!--                    :visible="currentWindow.visible"-->
+<!--                    :events="currentWindow.events"-->
+<!--                  />-->
+<!--                </el-amap>-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col :span="8" style="margin-left: 1.5%"><div class="grid-content bg-purple-light">-->
+<!--            <el-card class="box-card" shadow="hover">-->
+<!--              <div slot="header" class="clearfix" style="font-size: 8px">-->
+<!--                <span>车辆转速</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                <div class="app-container homeIndex">-->
+<!--                  <div class="mineEcharts">-->
+<!--                    <div ref="mineEcharts" style="height: 260px" />-->
+<!--                  </div>-->
+<!--                </div>-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col :span="7" style="margin-left: 1.5%"><div class="grid-content bg-purple-light">-->
+<!--            <el-card class="box-card" shadow="hover">-->
+<!--              <div slot="header" class="clearfix" style="font-size: 8px;height: 10px">-->
+<!--                <span>电池温度/电压</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                <div id="batteryTemperature" :style="{width: '460px', height: '150px'}" />-->
+<!--                <div id="cellVoltage" :style="{width: '470px', height: '150px'}" />-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--        </el-row>-->
+<!--        <el-row style="margin-top: 2%">-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>单体电池最低电压</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.lowestVoltageBattery }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.6%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>电机电压</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.motorVoltage }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.6%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>电机转速</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.motorSpeed }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.6%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>BMS自检计数器</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.selfCheckingCounter }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.6%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>总电压</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.totalVoltage }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--        </el-row>-->
+<!--        <el-row style="margin-top: 2%">-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>档位</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.gears }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>电池剩余电量</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.dumpEnergy }}%-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>电机电流</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.motorCurrent }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>制动踏板行程值</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.brakePedal }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>总电流</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.jointCurrent }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--        </el-row>-->
+<!--        <el-row style="margin-top: 2%">-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>单次最大电压</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.maximumVoltage }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>燃料消耗率</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.fuelRate }}L/百公里-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>绝缘电阻</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.insulationResistance }}Ω-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>最大反馈功率</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.maximumFeedbackPower }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>单体电池最高温度</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.maximumTemperatureBattery }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--        </el-row>-->
+<!--        <el-row style="margin-top: 2%">-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>动力电池可用容量</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.availableBatteryCapacity }}%-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>电机温度</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.motorTemperature }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>充放电电流</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.chargingAndDischargingCurrent }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>最大放电功率</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.maximumDischargePower }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>电机控制器温度</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.motorControllerTemperature }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--        </el-row>-->
+<!--        <el-row style="margin-top: 2%">-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>电池负载端总电压</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.totalVoltageAtLoadEnd }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>里程</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.totalDistance }}KM-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>单体电池最低温度</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.lowestTemperatureBattery }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>加速踏板行程值</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.acceleratorPedal }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--          <el-col style="margin-left: 2.7%" :span="4"><div class="grid-content bg-purple">-->
+<!--            <el-card class="box-card">-->
+<!--              <div slot="header" class="clearfix">-->
+<!--                <span>电机转矩</span>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                {{ this.vehicleInfo.motorTorque }}-->
+<!--              </div>-->
+<!--            </el-card>-->
+<!--          </div></el-col>-->
+<!--        </el-row>-->
+<!--      </div>-->
+<!--    </el-dialog>-->
+<!--  </div>-->
+<!--</template>-->
 
-<script>
-import { AMapManager,
-  lazyAMapApiLoaderInstance } from 'vue-amap'
-const amapManager = new AMapManager()
-// import { listVehicle,
-//   getVehicle,
-//   delVehicle,
-//   addVehicle,
-//   updateVehicle,
-//   fenceList,
-//   getPosition } from '@/api/vehicle/vehicle'
-import echarts from 'echarts'
-import { carList } from '../../api/carList/list'
-export default {
-  name: 'Vehicle',
-  dicts: ['vehicle_status', 'vehicle_type'],
-  data() {
-    return {
-      chart: null,
-      mineEcharts: null,
-      carmarkers: [],
-      currentWindow: {
-        position: [10.396624, 47.908167],
-        events: {},
-        content: 1011,
-        visible: true
-      },
-      address: null,
-      searchKey: '',
-      amapManager,
-      markers: [],
-      searchOption: {
-        city: '全国',
-        citylimit: true
-      },
-      vehicleInfo: {},
-      center: [146.396624, 47.908167],
-      zoom: 15,
-      lng: 0,
-      lat: 0,
-      loaded: false,
-      events: {
-        init() {
-          lazyAMapApiLoaderInstance.load().then(() => {
-            self.initSearch()
-          })
-        },
-        // 点击获取地址的数据
-        click(e) {
-          self.markers = []
-          const { lng, lat } = e.lnglat
-          self.lng = lng
-          self.lat = lat
-          self.center = [lng, lat]
-          self.markers.push([lng, lat])
-          // 这里通过高德 SDK 完成。
-          const geocoder = new AMap.Geocoder({
-            radius: 500,
-            extensions: 'all'
-          })
-          console.log(lng + ',' + lat) // 控制台打印坐标
-          geocoder.getAddress([lng, lat], function(status, result) {
-            if (status === 'complete' && result.info === 'OK') {
-              if (result && result.regeocode) {
-                console.log(result.regeocode.formattedAddress) // 控制台打印地址
-                self.address = result.regeocode.formattedAddress
-                self.searchKey = result.regeocode.formattedAddress
-                self.$nextTick()
-              }
-            }
-          })
-        }
-      },
-      // 一些工具插件
-      plugin: [
-        {
-          pName: 'Geocoder',
-          events: {
-            init(o) {
-              // console.log("一些工具插件--地址"+o.getAddress())
-            }
-          }
-        },
-        {
-          // 鹰眼
-          pName: 'OverView',
-          events: {
-            init(instance) {
-              // console.log("鹰眼:"+instance);
-            }
-          }
-        },
-        {
-          // 地图类型
-          pName: 'MapType',
-          defaultType: 0,
-          events: {
-            init(instance) {
-              // console.log("地图类型:"+instance);
-            }
-          }
-        }
-      ],
-      trajectoryVisible: false,
-      // 遮罩层
-      loading: true,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 车辆信息管理表格数据
-      vehicleList: [],
-      // 弹出层标题
-      title: '',
-      // 是否显示弹出层
-      open: false,
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        vin: null,
-        vehicleType: null,
-        fenceId: null,
-        vehicleStatus: null,
-        motorManufacturer: null,
-        batteryManufacturer: null,
-        motorId: null,
-        batteryId: null
-      },
-      fenceList: [],
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-      },
-      timer: null,
-      vin: '',
-      batteryTemperature: [],
-      cellVoltage: []
-    }
-  },
-  created() {
-    this.getList()
-  },
-  mounted() {
-    this.instrumentInfo()
-    this.fetchData()
-    // 图的大小自适应
-    window.addEventListener('resize', () => {
-      if (this.chart) {
-        this.chart.resize()
-      }
-    })
-  },
-  methods: {
-    batteryTemperatureLine() {
-      const myChart = this.$echarts.init(document.getElementById('batteryTemperature'))
-      var option
-      option = {
-        color: ['#FF0087'],
-        title: {
-          text: '电池温度'
-        },
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          }
-        },
-        legend: {
-          data: []
-        },
-        grid: {
-          left: '1%',
-          right: '1%',
-          bottom: '1%',
-          containLabel: true
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: false,
-            data: []
-          }
-        ],
-        yAxis: [
-          {
-            type: 'value'
-          }
-        ],
-        series: [
-          {
-            name: '电池温度',
-            type: 'line',
-            stack: 'Total',
-            smooth: true,
-            lineStyle: {
-              width: 0
-            },
-            showSymbol: false,
-            areaStyle: {
-              opacity: 0.8,
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                {
-                  offset: 0,
-                  color: 'rgb(128, 255, 165)'
-                },
-                {
-                  offset: 1,
-                  color: 'rgb(1, 191, 236)'
-                }
-              ])
-            },
-            emphasis: {
-              focus: 'series'
-            },
-            data: this.batteryTemperature
-          }
-        ]
-      }
-      myChart.setOption(option)
-    },
-    cellVoltageLine() {
-      const myChart = this.$echarts.init(document.getElementById('cellVoltage'))
-      var option
-      option = {
-        color: ['#FF0087'],
-        title: {
-          text: '电池电压'
-        },
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'cross',
-            label: {
-              backgroundColor: '#6a7985'
-            }
-          }
-        },
-        legend: {
-          data: []
-        },
+<!--<script>-->
+<!--import { AMapManager,-->
+<!--  lazyAMapApiLoaderInstance } from 'vue-amap'-->
+<!--const amapManager = new AMapManager()-->
+<!--// import { listVehicle,-->
+<!--//   getVehicle,-->
+<!--//   delVehicle,-->
+<!--//   addVehicle,-->
+<!--//   updateVehicle,-->
+<!--//   fenceList,-->
+<!--//   getPosition } from '@/api/vehicle/vehicle'-->
+<!--import echarts from 'echarts'-->
+<!--import { carList } from '../../api/carList/list'-->
+<!--export default {-->
+<!--  name: 'Vehicle',-->
+<!--  dicts: ['vehicle_status', 'vehicle_type'],-->
+<!--  data() {-->
+<!--    return {-->
+<!--      chart: null,-->
+<!--      mineEcharts: null,-->
+<!--      carmarkers: [],-->
+<!--      currentWindow: {-->
+<!--        position: [10.396624, 47.908167],-->
+<!--        events: {},-->
+<!--        content: 1011,-->
+<!--        visible: true-->
+<!--      },-->
+<!--      address: null,-->
+<!--      searchKey: '',-->
+<!--      amapManager,-->
+<!--      markers: [],-->
+<!--      searchOption: {-->
+<!--        city: '全国',-->
+<!--        citylimit: true-->
+<!--      },-->
+<!--      vehicleInfo: {},-->
+<!--      center: [146.396624, 47.908167],-->
+<!--      zoom: 15,-->
+<!--      lng: 0,-->
+<!--      lat: 0,-->
+<!--      loaded: false,-->
+<!--      events: {-->
+<!--        init() {-->
+<!--          lazyAMapApiLoaderInstance.load().then(() => {-->
+<!--            self.initSearch()-->
+<!--          })-->
+<!--        },-->
+<!--        // 点击获取地址的数据-->
+<!--        click(e) {-->
+<!--          self.markers = []-->
+<!--          const { lng, lat } = e.lnglat-->
+<!--          self.lng = lng-->
+<!--          self.lat = lat-->
+<!--          self.center = [lng, lat]-->
+<!--          self.markers.push([lng, lat])-->
+<!--          // 这里通过高德 SDK 完成。-->
+<!--          const geocoder = new AMap.Geocoder({-->
+<!--            radius: 500,-->
+<!--            extensions: 'all'-->
+<!--          })-->
+<!--          console.log(lng + ',' + lat) // 控制台打印坐标-->
+<!--          geocoder.getAddress([lng, lat], function(status, result) {-->
+<!--            if (status === 'complete' && result.info === 'OK') {-->
+<!--              if (result && result.regeocode) {-->
+<!--                console.log(result.regeocode.formattedAddress) // 控制台打印地址-->
+<!--                self.address = result.regeocode.formattedAddress-->
+<!--                self.searchKey = result.regeocode.formattedAddress-->
+<!--                self.$nextTick()-->
+<!--              }-->
+<!--            }-->
+<!--          })-->
+<!--        }-->
+<!--      },-->
+<!--      // 一些工具插件-->
+<!--      plugin: [-->
+<!--        {-->
+<!--          pName: 'Geocoder',-->
+<!--          events: {-->
+<!--            init(o) {-->
+<!--              // console.log("一些工具插件&#45;&#45;地址"+o.getAddress())-->
+<!--            }-->
+<!--          }-->
+<!--        },-->
+<!--        {-->
+<!--          // 鹰眼-->
+<!--          pName: 'OverView',-->
+<!--          events: {-->
+<!--            init(instance) {-->
+<!--              // console.log("鹰眼:"+instance);-->
+<!--            }-->
+<!--          }-->
+<!--        },-->
+<!--        {-->
+<!--          // 地图类型-->
+<!--          pName: 'MapType',-->
+<!--          defaultType: 0,-->
+<!--          events: {-->
+<!--            init(instance) {-->
+<!--              // console.log("地图类型:"+instance);-->
+<!--            }-->
+<!--          }-->
+<!--        }-->
+<!--      ],-->
+<!--      trajectoryVisible: false,-->
+<!--      // 遮罩层-->
+<!--      loading: true,-->
+<!--      // 选中数组-->
+<!--      ids: [],-->
+<!--      // 非单个禁用-->
+<!--      single: true,-->
+<!--      // 非多个禁用-->
+<!--      multiple: true,-->
+<!--      // 显示搜索条件-->
+<!--      showSearch: true,-->
+<!--      // 总条数-->
+<!--      total: 0,-->
+<!--      // 车辆信息管理表格数据-->
+<!--      vehicleList: [],-->
+<!--      // 弹出层标题-->
+<!--      title: '',-->
+<!--      // 是否显示弹出层-->
+<!--      open: false,-->
+<!--      // 查询参数-->
+<!--      queryParams: {-->
+<!--        pageNum: 1,-->
+<!--        pageSize: 10,-->
+<!--        vin: null,-->
+<!--        vehicleType: null,-->
+<!--        fenceId: null,-->
+<!--        vehicleStatus: null,-->
+<!--        motorManufacturer: null,-->
+<!--        batteryManufacturer: null,-->
+<!--        motorId: null,-->
+<!--        batteryId: null-->
+<!--      },-->
+<!--      fenceList: [],-->
+<!--      // 表单参数-->
+<!--      form: {},-->
+<!--      // 表单校验-->
+<!--      rules: {-->
+<!--      },-->
+<!--      timer: null,-->
+<!--      vin: '',-->
+<!--      batteryTemperature: [],-->
+<!--      cellVoltage: []-->
+<!--    }-->
+<!--  },-->
+<!--  created() {-->
+<!--    this.getList()-->
+<!--  },-->
+<!--  mounted() {-->
+<!--    this.instrumentInfo()-->
+<!--    this.fetchData()-->
+<!--    // 图的大小自适应-->
+<!--    window.addEventListener('resize', () => {-->
+<!--      if (this.chart) {-->
+<!--        this.chart.resize()-->
+<!--      }-->
+<!--    })-->
+<!--  },-->
+<!--  methods: {-->
+<!--    batteryTemperatureLine() {-->
+<!--      const myChart = this.$echarts.init(document.getElementById('batteryTemperature'))-->
+<!--      var option-->
+<!--      option = {-->
+<!--        color: ['#FF0087'],-->
+<!--        title: {-->
+<!--          text: '电池温度'-->
+<!--        },-->
+<!--        tooltip: {-->
+<!--          trigger: 'axis',-->
+<!--          axisPointer: {-->
+<!--            type: 'cross',-->
+<!--            label: {-->
+<!--              backgroundColor: '#6a7985'-->
+<!--            }-->
+<!--          }-->
+<!--        },-->
+<!--        legend: {-->
+<!--          data: []-->
+<!--        },-->
+<!--        grid: {-->
+<!--          left: '1%',-->
+<!--          right: '1%',-->
+<!--          bottom: '1%',-->
+<!--          containLabel: true-->
+<!--        },-->
+<!--        xAxis: [-->
+<!--          {-->
+<!--            type: 'category',-->
+<!--            boundaryGap: false,-->
+<!--            data: []-->
+<!--          }-->
+<!--        ],-->
+<!--        yAxis: [-->
+<!--          {-->
+<!--            type: 'value'-->
+<!--          }-->
+<!--        ],-->
+<!--        series: [-->
+<!--          {-->
+<!--            name: '电池温度',-->
+<!--            type: 'line',-->
+<!--            stack: 'Total',-->
+<!--            smooth: true,-->
+<!--            lineStyle: {-->
+<!--              width: 0-->
+<!--            },-->
+<!--            showSymbol: false,-->
+<!--            areaStyle: {-->
+<!--              opacity: 0.8,-->
+<!--              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [-->
+<!--                {-->
+<!--                  offset: 0,-->
+<!--                  color: 'rgb(128, 255, 165)'-->
+<!--                },-->
+<!--                {-->
+<!--                  offset: 1,-->
+<!--                  color: 'rgb(1, 191, 236)'-->
+<!--                }-->
+<!--              ])-->
+<!--            },-->
+<!--            emphasis: {-->
+<!--              focus: 'series'-->
+<!--            },-->
+<!--            data: this.batteryTemperature-->
+<!--          }-->
+<!--        ]-->
+<!--      }-->
+<!--      myChart.setOption(option)-->
+<!--    },-->
+<!--    cellVoltageLine() {-->
+<!--      const myChart = this.$echarts.init(document.getElementById('cellVoltage'))-->
+<!--      var option-->
+<!--      option = {-->
+<!--        color: ['#FF0087'],-->
+<!--        title: {-->
+<!--          text: '电池电压'-->
+<!--        },-->
+<!--        tooltip: {-->
+<!--          trigger: 'axis',-->
+<!--          axisPointer: {-->
+<!--            type: 'cross',-->
+<!--            label: {-->
+<!--              backgroundColor: '#6a7985'-->
+<!--            }-->
+<!--          }-->
+<!--        },-->
+<!--        legend: {-->
+<!--          data: []-->
+<!--        },-->
 
-        grid: {
-          left: '3%',
-          right: '4%',
-          bottom: '3%',
-          containLabel: true
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: false,
-            data: []
-          }
-        ],
-        yAxis: [
-          {
-            type: 'value'
-          }
-        ],
-        series: [
-          {
-            name: '电池电压',
-            type: 'line',
-            stack: 'Total',
-            smooth: true,
-            lineStyle: {
-              width: 0
-            },
-            showSymbol: false,
-            areaStyle: {
-              opacity: 0.8,
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                {
-                  offset: 0,
-                  color: 'rgb(255, 0, 135)'
-                },
-                {
-                  offset: 1,
-                  color: 'rgb(135, 0, 157)'
-                }
-              ])
-            },
-            emphasis: {
-              focus: 'series'
-            },
-            data: this.cellVoltage
-          }
-        ]
-      }
-      myChart.setOption(option)
-    },
-    openSocket() {
-      if (typeof WebSocket === 'undefined') {
-        console.log('您的浏览器不支持WebSocket')
-      } else {
-        var _this = this
-        console.log('您的浏览器支持WebSocket')
-        // 实现化WebSocket对象，指定要连接的服务器地址与端口  建立连接
-        // 等同于socket = new WebSocket("ws://localhost:8888/xxxx/im/25");
-        // var socketUrl="${request.contextPath}/im/"+$("#userId").val();
-        var socketUrl =
-          'http://localhost:9601/vehicle/realTime/' + this.vin
-        socketUrl = socketUrl.replace('https', 'ws').replace('http', 'ws')
-        console.log(socketUrl)
-        if (this.socket != null) {
-          this.socket.close()
-          this.socket = null
-        }
-        this.socket = new WebSocket(socketUrl)
-        // 打开事件
-        this.socket = new WebSocket(socketUrl)
-        // 打开事件
-        this.socket.onopen = function() {
-          console.log('websocket已打开')
-        }
-        // 获得消息事件
-        this.socket.onmessage = function(msg) {
-          var resp = JSON.parse(msg.data)
-          console.log(resp)
-          _this.toData(resp)
-        }
-        // 关闭事件
-        this.socket.onclose = function() {
-          console.log('websocket已关闭')
-        }
-        // 发生了错误事件
-        this.socket.onerror = function() {
-          console.log('websocket发生了错误')
-        }
-      }
-    },
-    toData(resp) {
-      this.currentWindow.position = [resp.longitude, resp.latitude]
-      this.center = [resp.longitude, resp.latitude]
-      this.vehicleInfo = resp
-      this.cellVoltage.push(resp.totalVoltage)
-      this.batteryTemperature.push(resp.maximumTemperatureBattery)
-      this.batteryTemperatureLine()
-      this.cellVoltageLine()
-      this.instrumentInfo()
-      this.currentWindow = {
-        position: [resp.longitude, resp.latitude],
-        content: ``,
-        events: {
-          close: (e) => {
-            this.currentWindow.visible = false
-          }
-        },
-        visible: true }
-      this.carmarkers = [
-        {
-          position: this.currentWindow.position,
-          content: `<div><img src="http://webapi.amap.com/images/car.png"></div>`,
-          events: {
-            click: (e) => {
-              this.currentWindow = {
-                position: [resp.longitude, resp.latitude],
-                content: `<div style="color: #1c84c6;"></div>`,
-                events: {
-                  close: (e) => {
-                    this.currentWindow.visible = false
-                  }
-                },
-                visible: true }
-            }
-          }
-        }
-      ]
-    },
-    openTrack(vin) {
-      this.vin = vin
-      this.trajectoryVisible = true
-      this.openSocket()
-    },
-    instrumentInfo() {
-      var chartDom = this.$refs.mineEcharts
-      var myChart = echarts.init(chartDom)
-      var option
-      option = {
-        // 鼠标悬停文字提示
-        tooltip: {
-          formatter: '{b} : {c}'
-        },
-        series: [
-          {
-            name: '',
-            type: 'gauge',
-            radius: '50%',
-            center: ['15%', '55%'], // 第一个仪表盘的位置
-            min: 0, // 显示的最小值和最大值
-            max: 10000,
-            axisLabel: { // 仪表盘刻度
-              show: false
-            },
-            axisLine: { // 仪表盘宽度
-              lineStyle: {
-                width: 10
-              }
-            },
-            pointer: { // 仪表盘的指针长度及宽度
-              show: true,
-              length: '70%',
-              width: 4
-            },
-            title: { // 仪表盘的文字样式
-              show: true,
-              offsetCenter: [0, '100%'],
-              textStyle: {
-                color: '#667EFF',
-                fontSize: 20
-              }
-            },
-            detail: {
-              formatter: '{value}转',
-              textStyle: {
-                fontSize: 14,
-                color: '#00FF99'
-              }
-            },
-            splitLine: { // 仪表盘的刻度线显示
-              show: false
-            },
-            data: [
-              {
-                value: this.vehicleInfo.motorTorque,
-                name: '电机转矩'
-              }
-            ]
-          },
-          {
-            name: '',
-            type: 'gauge',
-            radius: '70%',
-            center: ['50%', '48%'],
-            min: 0,
-            max: 300,
-            axisLabel: {
-              show: false
-            },
-            axisLine: {
-              lineStyle: {
-                width: 10
-              }
-            },
-            pointer: {
-              show: true,
-              length: '70%',
-              width: 4
-              // 0,
-            },
-            splitLine: {
-              show: false
-            },
-            title: {
-              show: true,
-              offsetCenter: [0, '92%'],
-              textStyle: {
-                color: '#667EFF',
-                fontSize: 20
-              }
-            },
-            detail: {
-              formatter: '{value}KM/h',
-              textStyle: {
-                fontSize: 14,
-                color: '#00FF99'
-              }
-            },
-            data: [
-              {
-                value: this.vehicleInfo.speed,
-                name: '车速'
-              }
-            ]
-          },
-          {
-            name: '',
-            type: 'gauge',
-            radius: '50%',
-            center: ['85%', '55%'],
-            min: 0,
-            max: 20,
-            axisLabel: {
-              show: false
-            },
-            axisLine: {
-              lineStyle: {
-                width: 10
-              }
-            },
-            pointer: {
-              show: true,
-              length: '70%',
-              width: 4
-            },
-            splitLine: {
-              show: false
-            },
-            title: {
-              show: true,
-              offsetCenter: [0, '100%'],
-              textStyle: {
-                color: '#667EFF',
-                fontSize: 20
-              }
-            },
-            detail: {
-              formatter: '{value}L/h',
-              textStyle: {
-                fontSize: 14,
-                color: '#00FF99'
-              }
-            },
-            data: [
-              {
-                value: this.vehicleInfo.fuelRate,
-                name: '燃料消耗率'
-              }
-            ]
-          }
-        ]
-      }
-      option && myChart.setOption(option)
-    },
-    trajectoryClose() {
-      clearInterval(this.timer)
-      this.trajectoryVisible = false
-      this.batteryTemperature = []
-      this.cellVoltage = []
-      this.socket.close()
-    },
-    // getPass() {
-    //   this.timer = setInterval(() => {
-    //     this.instrumentInfo()
-    //     getPosition(this.vin).then(resp => {
-    //       this.currentWindow.position = [resp.data.longitude, resp.data.latitude]
-    //       this.center = [resp.data.longitude, resp.data.latitude]
-    //       this.vehicleInfo = resp.data
-    //       this.currentWindow = {
-    //         position: [resp.data.longitude, resp.data.latitude],
-    //         content: ``,
-    //         events: {
-    //           close: (e) => {
-    //             this.currentWindow.visible = false
-    //           }
-    //         },
-    //         visible: true }
-    //       this.carmarkers = [
-    //         {
-    //           position: this.currentWindow.position,
-    //           content: `<div><img src="http://webapi.amap.com/images/car.png"></div>`,
-    //           events: {
-    //             click: (e) => {
-    //               this.currentWindow = {
-    //                 position: [resp.data.longitude, resp.data.latitude],
-    //                 content: `<div style="color: #1c84c6;"></div>`,
-    //                 events: {
-    //                   close: (e) => {
-    //                     this.currentWindow.visible = false
-    //                   }
-    //                 },
-    //                 visible: true }
-    //             }
-    //           }
-    //         }
-    //       ]
-    //     })
-    //   }, 1000)
-    // },
-    initSearch() {
-      const vm = this
-      const map = this.amapManager.getMap()
-      AMapUI.loadUI(['misc/PoiPicker'], function(PoiPicker) {
-        var poiPicker = new PoiPicker({
-          input: 'search',
-          placeSearchOptions: {
-            map: map,
-            pageSize: 10
-          },
-          suggestContainer: 'searchTip',
-          searchResultsContainer: 'searchTip'
-        })
-        vm.poiPicker = poiPicker
-        // 监听poi选中信息
-        poiPicker.on('poiPicked', function(poiResult) {
-          // console.log(poiResult)
-          const source = poiResult.source
-          const poi = poiResult.item
-          if (source !== 'search') {
-            poiPicker.searchByKeyword(poi.name)
-          } else {
-            poiPicker.clearSearchResults()
-            vm.markers = []
-            const lng = poi.location.lng
-            const lat = poi.location.lat
-            const address = poi.cityname + poi.adname + poi.name
-            vm.center = [lng, lat]
-            vm.markers.push([lng, lat])
-            vm.lng = lng
-            vm.lat = lat
-            vm.address = address
-            vm.searchKey = address
-          }
-        })
-      })
-    },
-    /** 查询车辆信息管理列表 */
-    getList() {
-      this.loading = true
-      carList(this.queryParams).then(response => {
-        this.vehicleList = response.rows
-        this.total = response.total
-        this.loading = false
-      })
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false
-      this.reset()
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        vin: null,
-        vehicleType: null,
-        fenceId: null,
-        vehicleStatus: 0,
-        motorManufacturer: null,
-        batteryManufacturer: null,
-        motorId: null,
-        batteryId: null
-      }
-      this.resetForm('form')
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNum = 1
-      this.getList()
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm('queryForm')
-      this.handleQuery()
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.single = selection.length !== 1
-      this.multiple = !selection.length
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.getFenceList()
-      this.reset()
-      this.open = true
-      this.title = '添加车辆信息管理'
-    }
-    // /** 修改按钮操作 */
-    // handleUpdate(row) {
-    //   this.getFenceList()
-    //   this.reset()
-    //   const id = row.id || this.ids
-    //   getVehicle(id).then(response => {
-    //     this.form = response.data
-    //     this.open = true
-    //     this.title = '修改车辆信息管理'
-    //   })
-    // },
-    // /** 提交按钮 */
-    // submitForm() {
-    //   this.$refs['form'].validate(valid => {
-    //     if (valid) {
-    //       if (this.form.id != null) {
-    //         updateVehicle(this.form).then(response => {
-    //           this.$modal.msgSuccess('修改成功')
-    //           this.open = false
-    //           this.getList()
-    //         })
-    //       } else {
-    //         addVehicle(this.form).then(response => {
-    //           this.$modal.msgSuccess('新增成功')
-    //           this.open = false
-    //           this.getList()
-    //         })
-    //       }
-    //     }
-    //   })
-    // },
-    // /** 删除按钮操作 */
-    // handleDelete(row) {
-    //   const ids = row.id || this.ids
-    //   this.$modal.confirm('是否确认删除车辆信息管理编号为"' + ids + '"的数据项？').then(function() {
-    //     return delVehicle(ids)
-    //   }).then(() => {
-    //     this.getList()
-    //     this.$modal.msgSuccess('删除成功')
-    //   }).catch(() => {})
-    // },
-    /** 导出按钮操作 */
-    // handleExport() {
-    //   this.download('vehicle/vehicle/export', {
-    //     ...this.queryParams
-    //   }, `vehicle_${new Date().getTime()}.xlsx`)
-    // },
-    // getFenceList() {
-    //   fenceList().then(resp => {
-    //     this.fenceList = resp.data
-    //   })
-    // }
-  }
-}
-</script>
+<!--        grid: {-->
+<!--          left: '3%',-->
+<!--          right: '4%',-->
+<!--          bottom: '3%',-->
+<!--          containLabel: true-->
+<!--        },-->
+<!--        xAxis: [-->
+<!--          {-->
+<!--            type: 'category',-->
+<!--            boundaryGap: false,-->
+<!--            data: []-->
+<!--          }-->
+<!--        ],-->
+<!--        yAxis: [-->
+<!--          {-->
+<!--            type: 'value'-->
+<!--          }-->
+<!--        ],-->
+<!--        series: [-->
+<!--          {-->
+<!--            name: '电池电压',-->
+<!--            type: 'line',-->
+<!--            stack: 'Total',-->
+<!--            smooth: true,-->
+<!--            lineStyle: {-->
+<!--              width: 0-->
+<!--            },-->
+<!--            showSymbol: false,-->
+<!--            areaStyle: {-->
+<!--              opacity: 0.8,-->
+<!--              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [-->
+<!--                {-->
+<!--                  offset: 0,-->
+<!--                  color: 'rgb(255, 0, 135)'-->
+<!--                },-->
+<!--                {-->
+<!--                  offset: 1,-->
+<!--                  color: 'rgb(135, 0, 157)'-->
+<!--                }-->
+<!--              ])-->
+<!--            },-->
+<!--            emphasis: {-->
+<!--              focus: 'series'-->
+<!--            },-->
+<!--            data: this.cellVoltage-->
+<!--          }-->
+<!--        ]-->
+<!--      }-->
+<!--      myChart.setOption(option)-->
+<!--    },-->
+<!--    openSocket() {-->
+<!--      if (typeof WebSocket === 'undefined') {-->
+<!--        console.log('您的浏览器不支持WebSocket')-->
+<!--      } else {-->
+<!--        var _this = this-->
+<!--        console.log('您的浏览器支持WebSocket')-->
+<!--        // 实现化WebSocket对象，指定要连接的服务器地址与端口  建立连接-->
+<!--        // 等同于socket = new WebSocket("ws://localhost:8888/xxxx/im/25");-->
+<!--        // var socketUrl="${request.contextPath}/im/"+$("#userId").val();-->
+<!--        var socketUrl =-->
+<!--          'http://localhost:9601/vehicle/realTime/' + this.vin-->
+<!--        socketUrl = socketUrl.replace('https', 'ws').replace('http', 'ws')-->
+<!--        console.log(socketUrl)-->
+<!--        if (this.socket != null) {-->
+<!--          this.socket.close()-->
+<!--          this.socket = null-->
+<!--        }-->
+<!--        this.socket = new WebSocket(socketUrl)-->
+<!--        // 打开事件-->
+<!--        this.socket = new WebSocket(socketUrl)-->
+<!--        // 打开事件-->
+<!--        this.socket.onopen = function() {-->
+<!--          console.log('websocket已打开')-->
+<!--        }-->
+<!--        // 获得消息事件-->
+<!--        this.socket.onmessage = function(msg) {-->
+<!--          var resp = JSON.parse(msg.data)-->
+<!--          console.log(resp)-->
+<!--          _this.toData(resp)-->
+<!--        }-->
+<!--        // 关闭事件-->
+<!--        this.socket.onclose = function() {-->
+<!--          console.log('websocket已关闭')-->
+<!--        }-->
+<!--        // 发生了错误事件-->
+<!--        this.socket.onerror = function() {-->
+<!--          console.log('websocket发生了错误')-->
+<!--        }-->
+<!--      }-->
+<!--    },-->
+<!--    toData(resp) {-->
+<!--      this.currentWindow.position = [resp.longitude, resp.latitude]-->
+<!--      this.center = [resp.longitude, resp.latitude]-->
+<!--      this.vehicleInfo = resp-->
+<!--      this.cellVoltage.push(resp.totalVoltage)-->
+<!--      this.batteryTemperature.push(resp.maximumTemperatureBattery)-->
+<!--      this.batteryTemperatureLine()-->
+<!--      this.cellVoltageLine()-->
+<!--      this.instrumentInfo()-->
+<!--      this.currentWindow = {-->
+<!--        position: [resp.longitude, resp.latitude],-->
+<!--        content: ``,-->
+<!--        events: {-->
+<!--          close: (e) => {-->
+<!--            this.currentWindow.visible = false-->
+<!--          }-->
+<!--        },-->
+<!--        visible: true }-->
+<!--      this.carmarkers = [-->
+<!--        {-->
+<!--          position: this.currentWindow.position,-->
+<!--          content: `<div><img src="http://webapi.amap.com/images/car.png"></div>`,-->
+<!--          events: {-->
+<!--            click: (e) => {-->
+<!--              this.currentWindow = {-->
+<!--                position: [resp.longitude, resp.latitude],-->
+<!--                content: `<div style="color: #1c84c6;"></div>`,-->
+<!--                events: {-->
+<!--                  close: (e) => {-->
+<!--                    this.currentWindow.visible = false-->
+<!--                  }-->
+<!--                },-->
+<!--                visible: true }-->
+<!--            }-->
+<!--          }-->
+<!--        }-->
+<!--      ]-->
+<!--    },-->
+<!--    openTrack(vin) {-->
+<!--      this.vin = vin-->
+<!--      this.trajectoryVisible = true-->
+<!--      this.openSocket()-->
+<!--    },-->
+<!--    instrumentInfo() {-->
+<!--      var chartDom = this.$refs.mineEcharts-->
+<!--      var myChart = echarts.init(chartDom)-->
+<!--      var option-->
+<!--      option = {-->
+<!--        // 鼠标悬停文字提示-->
+<!--        tooltip: {-->
+<!--          formatter: '{b} : {c}'-->
+<!--        },-->
+<!--        series: [-->
+<!--          {-->
+<!--            name: '',-->
+<!--            type: 'gauge',-->
+<!--            radius: '50%',-->
+<!--            center: ['15%', '55%'], // 第一个仪表盘的位置-->
+<!--            min: 0, // 显示的最小值和最大值-->
+<!--            max: 10000,-->
+<!--            axisLabel: { // 仪表盘刻度-->
+<!--              show: false-->
+<!--            },-->
+<!--            axisLine: { // 仪表盘宽度-->
+<!--              lineStyle: {-->
+<!--                width: 10-->
+<!--              }-->
+<!--            },-->
+<!--            pointer: { // 仪表盘的指针长度及宽度-->
+<!--              show: true,-->
+<!--              length: '70%',-->
+<!--              width: 4-->
+<!--            },-->
+<!--            title: { // 仪表盘的文字样式-->
+<!--              show: true,-->
+<!--              offsetCenter: [0, '100%'],-->
+<!--              textStyle: {-->
+<!--                color: '#667EFF',-->
+<!--                fontSize: 20-->
+<!--              }-->
+<!--            },-->
+<!--            detail: {-->
+<!--              formatter: '{value}转',-->
+<!--              textStyle: {-->
+<!--                fontSize: 14,-->
+<!--                color: '#00FF99'-->
+<!--              }-->
+<!--            },-->
+<!--            splitLine: { // 仪表盘的刻度线显示-->
+<!--              show: false-->
+<!--            },-->
+<!--            data: [-->
+<!--              {-->
+<!--                value: this.vehicleInfo.motorTorque,-->
+<!--                name: '电机转矩'-->
+<!--              }-->
+<!--            ]-->
+<!--          },-->
+<!--          {-->
+<!--            name: '',-->
+<!--            type: 'gauge',-->
+<!--            radius: '70%',-->
+<!--            center: ['50%', '48%'],-->
+<!--            min: 0,-->
+<!--            max: 300,-->
+<!--            axisLabel: {-->
+<!--              show: false-->
+<!--            },-->
+<!--            axisLine: {-->
+<!--              lineStyle: {-->
+<!--                width: 10-->
+<!--              }-->
+<!--            },-->
+<!--            pointer: {-->
+<!--              show: true,-->
+<!--              length: '70%',-->
+<!--              width: 4-->
+<!--              // 0,-->
+<!--            },-->
+<!--            splitLine: {-->
+<!--              show: false-->
+<!--            },-->
+<!--            title: {-->
+<!--              show: true,-->
+<!--              offsetCenter: [0, '92%'],-->
+<!--              textStyle: {-->
+<!--                color: '#667EFF',-->
+<!--                fontSize: 20-->
+<!--              }-->
+<!--            },-->
+<!--            detail: {-->
+<!--              formatter: '{value}KM/h',-->
+<!--              textStyle: {-->
+<!--                fontSize: 14,-->
+<!--                color: '#00FF99'-->
+<!--              }-->
+<!--            },-->
+<!--            data: [-->
+<!--              {-->
+<!--                value: this.vehicleInfo.speed,-->
+<!--                name: '车速'-->
+<!--              }-->
+<!--            ]-->
+<!--          },-->
+<!--          {-->
+<!--            name: '',-->
+<!--            type: 'gauge',-->
+<!--            radius: '50%',-->
+<!--            center: ['85%', '55%'],-->
+<!--            min: 0,-->
+<!--            max: 20,-->
+<!--            axisLabel: {-->
+<!--              show: false-->
+<!--            },-->
+<!--            axisLine: {-->
+<!--              lineStyle: {-->
+<!--                width: 10-->
+<!--              }-->
+<!--            },-->
+<!--            pointer: {-->
+<!--              show: true,-->
+<!--              length: '70%',-->
+<!--              width: 4-->
+<!--            },-->
+<!--            splitLine: {-->
+<!--              show: false-->
+<!--            },-->
+<!--            title: {-->
+<!--              show: true,-->
+<!--              offsetCenter: [0, '100%'],-->
+<!--              textStyle: {-->
+<!--                color: '#667EFF',-->
+<!--                fontSize: 20-->
+<!--              }-->
+<!--            },-->
+<!--            detail: {-->
+<!--              formatter: '{value}L/h',-->
+<!--              textStyle: {-->
+<!--                fontSize: 14,-->
+<!--                color: '#00FF99'-->
+<!--              }-->
+<!--            },-->
+<!--            data: [-->
+<!--              {-->
+<!--                value: this.vehicleInfo.fuelRate,-->
+<!--                name: '燃料消耗率'-->
+<!--              }-->
+<!--            ]-->
+<!--          }-->
+<!--        ]-->
+<!--      }-->
+<!--      option && myChart.setOption(option)-->
+<!--    },-->
+<!--    trajectoryClose() {-->
+<!--      clearInterval(this.timer)-->
+<!--      this.trajectoryVisible = false-->
+<!--      this.batteryTemperature = []-->
+<!--      this.cellVoltage = []-->
+<!--      this.socket.close()-->
+<!--    },-->
+<!--    // getPass() {-->
+<!--    //   this.timer = setInterval(() => {-->
+<!--    //     this.instrumentInfo()-->
+<!--    //     getPosition(this.vin).then(resp => {-->
+<!--    //       this.currentWindow.position = [resp.data.longitude, resp.data.latitude]-->
+<!--    //       this.center = [resp.data.longitude, resp.data.latitude]-->
+<!--    //       this.vehicleInfo = resp.data-->
+<!--    //       this.currentWindow = {-->
+<!--    //         position: [resp.data.longitude, resp.data.latitude],-->
+<!--    //         content: ``,-->
+<!--    //         events: {-->
+<!--    //           close: (e) => {-->
+<!--    //             this.currentWindow.visible = false-->
+<!--    //           }-->
+<!--    //         },-->
+<!--    //         visible: true }-->
+<!--    //       this.carmarkers = [-->
+<!--    //         {-->
+<!--    //           position: this.currentWindow.position,-->
+<!--    //           content: `<div><img src="http://webapi.amap.com/images/car.png"></div>`,-->
+<!--    //           events: {-->
+<!--    //             click: (e) => {-->
+<!--    //               this.currentWindow = {-->
+<!--    //                 position: [resp.data.longitude, resp.data.latitude],-->
+<!--    //                 content: `<div style="color: #1c84c6;"></div>`,-->
+<!--    //                 events: {-->
+<!--    //                   close: (e) => {-->
+<!--    //                     this.currentWindow.visible = false-->
+<!--    //                   }-->
+<!--    //                 },-->
+<!--    //                 visible: true }-->
+<!--    //             }-->
+<!--    //           }-->
+<!--    //         }-->
+<!--    //       ]-->
+<!--    //     })-->
+<!--    //   }, 1000)-->
+<!--    // },-->
+<!--    initSearch() {-->
+<!--      const vm = this-->
+<!--      const map = this.amapManager.getMap()-->
+<!--      AMapUI.loadUI(['misc/PoiPicker'], function(PoiPicker) {-->
+<!--        var poiPicker = new PoiPicker({-->
+<!--          input: 'search',-->
+<!--          placeSearchOptions: {-->
+<!--            map: map,-->
+<!--            pageSize: 10-->
+<!--          },-->
+<!--          suggestContainer: 'searchTip',-->
+<!--          searchResultsContainer: 'searchTip'-->
+<!--        })-->
+<!--        vm.poiPicker = poiPicker-->
+<!--        // 监听poi选中信息-->
+<!--        poiPicker.on('poiPicked', function(poiResult) {-->
+<!--          // console.log(poiResult)-->
+<!--          const source = poiResult.source-->
+<!--          const poi = poiResult.item-->
+<!--          if (source !== 'search') {-->
+<!--            poiPicker.searchByKeyword(poi.name)-->
+<!--          } else {-->
+<!--            poiPicker.clearSearchResults()-->
+<!--            vm.markers = []-->
+<!--            const lng = poi.location.lng-->
+<!--            const lat = poi.location.lat-->
+<!--            const address = poi.cityname + poi.adname + poi.name-->
+<!--            vm.center = [lng, lat]-->
+<!--            vm.markers.push([lng, lat])-->
+<!--            vm.lng = lng-->
+<!--            vm.lat = lat-->
+<!--            vm.address = address-->
+<!--            vm.searchKey = address-->
+<!--          }-->
+<!--        })-->
+<!--      })-->
+<!--    },-->
+<!--    /** 查询车辆信息管理列表 */-->
+<!--    getList() {-->
+<!--      this.loading = true-->
+<!--      carList(this.queryParams).then(response => {-->
+<!--        this.vehicleList = response.rows-->
+<!--        this.total = response.total-->
+<!--        this.loading = false-->
+<!--      })-->
+<!--    },-->
+<!--    // 取消按钮-->
+<!--    cancel() {-->
+<!--      this.open = false-->
+<!--      this.reset()-->
+<!--    },-->
+<!--    // 表单重置-->
+<!--    reset() {-->
+<!--      this.form = {-->
+<!--        id: null,-->
+<!--        vin: null,-->
+<!--        vehicleType: null,-->
+<!--        fenceId: null,-->
+<!--        vehicleStatus: 0,-->
+<!--        motorManufacturer: null,-->
+<!--        batteryManufacturer: null,-->
+<!--        motorId: null,-->
+<!--        batteryId: null-->
+<!--      }-->
+<!--      this.resetForm('form')-->
+<!--    },-->
+<!--    /** 搜索按钮操作 */-->
+<!--    handleQuery() {-->
+<!--      this.queryParams.pageNum = 1-->
+<!--      this.getList()-->
+<!--    },-->
+<!--    /** 重置按钮操作 */-->
+<!--    resetQuery() {-->
+<!--      this.resetForm('queryForm')-->
+<!--      this.handleQuery()-->
+<!--    },-->
+<!--    // 多选框选中数据-->
+<!--    handleSelectionChange(selection) {-->
+<!--      this.ids = selection.map(item => item.id)-->
+<!--      this.single = selection.length !== 1-->
+<!--      this.multiple = !selection.length-->
+<!--    },-->
+<!--    /** 新增按钮操作 */-->
+<!--    handleAdd() {-->
+<!--      this.getFenceList()-->
+<!--      this.reset()-->
+<!--      this.open = true-->
+<!--      this.title = '添加车辆信息管理'-->
+<!--    }-->
+<!--    // /** 修改按钮操作 */-->
+<!--    // handleUpdate(row) {-->
+<!--    //   this.getFenceList()-->
+<!--    //   this.reset()-->
+<!--    //   const id = row.id || this.ids-->
+<!--    //   getVehicle(id).then(response => {-->
+<!--    //     this.form = response.data-->
+<!--    //     this.open = true-->
+<!--    //     this.title = '修改车辆信息管理'-->
+<!--    //   })-->
+<!--    // },-->
+<!--    // /** 提交按钮 */-->
+<!--    // submitForm() {-->
+<!--    //   this.$refs['form'].validate(valid => {-->
+<!--    //     if (valid) {-->
+<!--    //       if (this.form.id != null) {-->
+<!--    //         updateVehicle(this.form).then(response => {-->
+<!--    //           this.$modal.msgSuccess('修改成功')-->
+<!--    //           this.open = false-->
+<!--    //           this.getList()-->
+<!--    //         })-->
+<!--    //       } else {-->
+<!--    //         addVehicle(this.form).then(response => {-->
+<!--    //           this.$modal.msgSuccess('新增成功')-->
+<!--    //           this.open = false-->
+<!--    //           this.getList()-->
+<!--    //         })-->
+<!--    //       }-->
+<!--    //     }-->
+<!--    //   })-->
+<!--    // },-->
+<!--    // /** 删除按钮操作 */-->
+<!--    // handleDelete(row) {-->
+<!--    //   const ids = row.id || this.ids-->
+<!--    //   this.$modal.confirm('是否确认删除车辆信息管理编号为"' + ids + '"的数据项？').then(function() {-->
+<!--    //     return delVehicle(ids)-->
+<!--    //   }).then(() => {-->
+<!--    //     this.getList()-->
+<!--    //     this.$modal.msgSuccess('删除成功')-->
+<!--    //   }).catch(() => {})-->
+<!--    // },-->
+<!--    /** 导出按钮操作 */-->
+<!--    // handleExport() {-->
+<!--    //   this.download('vehicle/vehicle/export', {-->
+<!--    //     ...this.queryParams-->
+<!--    //   }, `vehicle_${new Date().getTime()}.xlsx`)-->
+<!--    // },-->
+<!--    // getFenceList() {-->
+<!--    //   fenceList().then(resp => {-->
+<!--    //     this.fenceList = resp.data-->
+<!--    //   })-->
+<!--    // }-->
+<!--  }-->
+<!--}-->
+<!--</script>-->