From f67216c1df52d9054b9494a8fc3a0674f92a9a5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=8A=B2=E9=BE=99?= <2860996570@qq.com>
Date: Tue, 22 Oct 2024 14:39:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=BC=9A=E8=AE=AE=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/icon/ztc.png                | Bin 0 -> 7618 bytes
 src/views/Map/Map_Dikong/index.vue            |  39 +-
 src/views/Map/Map_ZhongDahuodong/index.vue    | 282 ++++++---
 src/views/Map/Map_Zhongdianrenyuan/index.vue  | 135 +++--
 .../Zhongdahuodong/dituzhadian/index.vue      | 240 ++++++--
 src/views/ZhongdianRen/Xinxiguanli/index.vue  |  53 +-
 .../components/cheliangguiji/index copy.vue   | 258 +++++++++
 .../components/cheliangguiji/index.vue        | 244 ++++++++
 .../zhongdianxiangqing/components/index.js    |   3 +-
 .../components/tabThree/cheliangguiji.vue     | 244 ++++++++
 .../components/tabThree/index.vue             | 259 +--------
 .../components/tabThree/tabThree.vue          | 244 ++++++++
 .../Xinxiguanli/zhongdianxiangqing/index.vue  |   5 +-
 src/views/components/Eldialog/index.vue       |   1 -
 src/views/components/Mapdialog/index.vue      |   2 +-
 .../Mapdialogteshucheliang/index.vue          | 543 ++++++++++++++++++
 src/views/components/ZhanshiTubiao/index.vue  |  74 ++-
 src/views/components/jingweidushuru/index.vue | 111 ++++
 18 files changed, 2274 insertions(+), 463 deletions(-)
 create mode 100644 src/assets/images/icon/ztc.png
 create mode 100644 src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/cheliangguiji/index copy.vue
 create mode 100644 src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/cheliangguiji/index.vue
 create mode 100644 src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/cheliangguiji.vue
 create mode 100644 src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/tabThree.vue
 create mode 100644 src/views/components/Mapdialogteshucheliang/index.vue
 create mode 100644 src/views/components/jingweidushuru/index.vue

diff --git a/src/assets/images/icon/ztc.png b/src/assets/images/icon/ztc.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ba54b3ff132879ac9abad6af9429fcb426f6371
GIT binary patch
literal 7618
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

literal 0
HcmV?d00001

diff --git a/src/views/Map/Map_Dikong/index.vue b/src/views/Map/Map_Dikong/index.vue
index 5657793..6bfc4c9 100644
--- a/src/views/Map/Map_Dikong/index.vue
+++ b/src/views/Map/Map_Dikong/index.vue
@@ -8,13 +8,13 @@
           @click="JSONclick" />
 
         <el-amap-ellipse :center="circleCenter" :radius="radius" :visible="true" :editable="false" :draggable="false"
-          @click="ellipseclick" :zIndex="8000" :fillOpacity="0" strokeStyle="dashed" strokeColor="red"/>
+          @click="ellipseclick" :zIndex="8000" :fillOpacity="0" strokeStyle="dashed" strokeColor="red" />
 
 
         <el-amap-ellipse :center="circleCenterTow" :radius="radius" :visible="true" :editable="false" :draggable="false"
-          @click="ellipseclick" :zIndex="8000":fillOpacity="0" strokeStyle="dashed" strokeColor="red"/>
+          @click="ellipseclick" :zIndex="8000" :fillOpacity="0" strokeStyle="dashed" strokeColor="red" />
         <!-- 点 -->
-        <el-amap-marker v-for="(marker, index) in markers" :title="marker.name" :key="marker.id"
+        <el-amap-marker v-for="(marker, index) in markers" :title="marker.name" :key="index"
           :position="marker.position" @click="(e) => { clickArrayMarker(marker, e) }" v-if="radio == 2 || radio == 1">
           <div class="markerStyles">
             <!-- <div v-if="marker.name" class="marker-Text">{{ marker.name }}</div> -->
@@ -119,6 +119,8 @@
     <div>
       <ZhanshiTubiao showType="地空协同" @markersradio="markersradio"></ZhanshiTubiao>
     </div>
+    <!-- 经纬度输入 -->
+     <jingweidushuru ref="jingweidushuru" @addjingweidu="addjingweidu"></jingweidushuru>
     <leftrightEcahts></leftrightEcahts>
     <righttEcahts></righttEcahts>
     <MapWrenjidialog ref="MapWrenjidialog"></MapWrenjidialog>
@@ -139,6 +141,7 @@ import roadpoint2 from "@/assets/mapjson/Chaangshazhen/road-point2.geojson"
 
 // 人员分布图标
 import ZhanshiTubiao from "@/views/components/ZhanshiTubiao/index.vue"
+import jingweidushuru from "@/views/components/jingweidushuru/index.vue"
 import MapWrenjidialog from "@/views/components/MapWrenjidialog/index.vue"
 import MapWrenjiLishidialog from "@/views/components/MapWrenjiLishidialog/index.vue"
 
@@ -148,7 +151,7 @@ import righttEcahts from "@/views/Map/Map_Dikong/righttEcahts/index.vue"
 
 export default {
   name: "map-view",
-  components: { ZhanshiTubiao, leftrightEcahts, righttEcahts, MapWrenjidialog, MapWrenjiLishidialog },
+  components: { ZhanshiTubiao, leftrightEcahts, righttEcahts, MapWrenjidialog, MapWrenjiLishidialog,jingweidushuru },
   data() {
     return {
       zoom: 11.8,
@@ -237,6 +240,7 @@ export default {
     getMap() {
       // bmap vue component
       console.log('$refs: ', this.$refs.map.$$getInstance())
+    
     },
     init(map) {
       this.map = map;
@@ -249,9 +253,34 @@ export default {
     click() {
       alert('click map')
     },
+    addjingweidu(lnglat){
+      console.log(lnglat);
+      if(this.markers.some(item => item.position[0] == lnglat.lng)){
+        this.$message({
+          message: '请勿重复添加',
+          type: 'warning'
+        });
+        return
+      }
+      let obj = {
+          position: [lnglat.lng, lnglat.lat],
+          id: 1,
+          name: "飞机",
+          content: '<i class="el-icon-user-solid bendiren"></i>',
+          imgSrc: require("@/assets/images/icon/weurneji.png")
+        }
+      this.markers.push(obj)
+    },
     // 面图层样式
-    JSONclick: (e) => {
+    JSONclick(e) {
       console.log('click event: ', e);
+      const h = this.$createElement;
+      this.$message({
+        message: h('p', null, [
+          h('div',{ style: 'color: #000000' }, `经纬度:${e.lnglat.KL},${e.lnglat.kT}`),
+        ])
+      });
+      this.$refs.jingweidushuru.open(e.lnglat.KL,e.lnglat.kT)
     },
     JSONclick2: (e) => {
       console.log('click event2: ', e);
diff --git a/src/views/Map/Map_ZhongDahuodong/index.vue b/src/views/Map/Map_ZhongDahuodong/index.vue
index 66137e4..bb4f604 100644
--- a/src/views/Map/Map_ZhongDahuodong/index.vue
+++ b/src/views/Map/Map_ZhongDahuodong/index.vue
@@ -83,7 +83,7 @@
               </div>
             </div>
           </div>
-<!--  person-maincheliangxinxi -->
+          <!--  person-maincheliangxinxi -->
           <div class="person-popup" v-if="markername == '车辆'">
             <div class="person-title">
               <div class="title">{{ markername }}信息</div>
@@ -124,7 +124,7 @@
 
             </div>
           </div>
-<!-- person-maincheliangxinxiTow -->
+          <!-- person-maincheliangxinxiTow -->
           <div class="person-popup " v-if="markername == '人员'">
             <div class="person-title">
               <div class="title">{{ markername }}信息</div>
@@ -163,6 +163,69 @@
 
             </div>
           </div>
+          <!-- <div class="person-popup" v-if="markername == '视频监控'">
+            <div class="person-title">
+              <div class="title">{{ markername }}信息</div>
+              <img src="@/assets/images/dialogbg/close.png" class="mask" @click="markersClosePopup" alt="" />
+            </div>
+            <div class="person-main">
+              <div class="person-info">
+                <div class="info-left">
+                  <div class="dot"></div>
+                  <div class="name">设备编号：</div>
+                </div>
+                <div class="position">{{ "131654656" }}</div>
+              </div>
+              <div class="person-info">
+                <div class="info-left">
+                  <div class="dot"></div>
+                  <div class="name">负责人员：</div>
+                </div>
+                <div class="position">{{ "王二" }}</div>
+              </div>
+              <div class="person-info">
+                <div class="info-left">
+                  <div class="dot"></div>
+                  <div class="name">当前位置：</div>
+                </div>
+                <div class="position">{{ "长沙镇108号" }}</div>
+              </div>
+              <div class="person-info">
+                <div class="info-left">
+                  <div class="dot"></div>
+                  <div class="name">设备类型：</div>
+                </div>
+                <div class="position">监控</div>
+              </div>
+              <div class="person-info">
+                <div class="info-left">
+                  <div class="dot"></div>
+                  <div class="name">所属围栏：</div>
+                </div>
+                <div class="position">{{ 1231 }}</div>
+              </div>
+              <div class="person-info">
+                <div class="info-left">
+                  <div class="dot"></div>
+                  <div class="name">当前位置：</div>
+                </div>
+                <div class="position">{{ 79898 }}</div>
+              </div>
+            </div>
+          </div> -->
+          <div class="person-popup" v-if="markername == '视频监控'">
+            <div class="person-title">
+              <div class="title">{{ markername }}信息</div>
+              <img src="@/assets/images/dialogbg/close.png" class="mask" @click="markersClosePopup" alt="" />
+            </div>
+            <div class="person-main person-mainTow">
+              <video width="100%" controls height="80%">
+                <source src="@/assets/images/MP4/jiankong.mp4" type="video/mp4">
+                <!-- <source src="your-video-file.ogg" type="video/ogg"> -->
+                您的浏览器不支持 video 标签。
+              </video>
+            </div>
+          </div>
         </el-amap-info-window>
 
         <el-amap-info-window v-if="personInfoTow.visible" anchor="bottom-center" :offset="[0, 0]"
@@ -200,7 +263,7 @@
     </div>
     <!-- 图层展示 -->
     <div>
-      <ZhanshiTubiao showType="重大活动保障" @markersradio="markersradio"></ZhanshiTubiao>
+      <ZhanshiTubiao showType="重大活动保障" @markersactionMap="markersactionMap"></ZhanshiTubiao>
     </div>
 
     <leftrightEcahts></leftrightEcahts>
@@ -263,105 +326,126 @@ export default {
         visible: true,
         draggable: false
       },
-      markername: "设备",
+      markername: "视频监控",
       // 车辆辆
       markers: [
-        {
-          position: [121.183697866903292, 32.460227941215508],
-          id: 1,
-          name: "车辆",
-          content: '<i class="el-icon-user-solid bendiren"></i>',
-          imgSrc: require("@/assets/images/icon/genduofuwu.png")
-        },
-        {
-          position: [121.235712627230569, 32.447218823220901],
-          id: 2,
-          name: "车辆",
-          content: '<i class="el-icon-user-solid bendiren"></i>',
-          imgSrc: require("@/assets/images/icon/genduofuwu.png")
-        },
-        {
-          position: [121.318413448767714, 32.411908360092688],
-          id: 3,
-          name: "车辆",
-          content: '<i class="el-icon-user-solid bendiren"></i>',
-          imgSrc: require("@/assets/images/icon/genduofuwu.png")
-        },
-        {
-          position: [121.359751265879749, 32.38683020264299],
-          id: 4,
-          name: "车辆",
-          content: '<i class="el-icon-user-solid bendiren"></i>',
-          imgSrc: require("@/assets/images/icon/genduofuwu.png")
-        },
-        {
-          position: [121.23060190230413, 32.393323905814675],
-          id: 1,
-          name: "设备",
-          content: '<i class="el-icon-user-solid waidi"></i>',
-          imgSrc: require("@/assets/images/icon/dainbingshebei.png")
-        },
-        {
-          position: [121.252903247437729, 32.397970019384182],
-          id: 2,
-          name: "设备",
-          content: '<i class="el-icon-user-solid waidi"></i>',
-          imgSrc: require("@/assets/images/icon/dainbingshebei.png")
-        },
-        {
-          position: [121.304939719416154, 32.402383827275209],
-          id: 3,
-          name: "设备",
-          content: '<i class="el-icon-user-solid waidi"></i>',
-          imgSrc: require("@/assets/images/icon/dainbingshebei.png")
-        },
-        {
-          position: [121.3418763222937, 32.418412919089988],
-          id: 4,
-          name: "设备",
-          content: '<i class="el-icon-user-solid waidi"></i>',
-          imgSrc: require("@/assets/images/icon/dainbingshebei.png")
-        },
-        {
-          position: [121.2932060190230413, 32.4023323905814675],
-          id: 1,
-          name: "人员",
-          content: '<i class="el-icon-user-solid waidi"></i>',
-          imgSrc: require("@/assets/images/icon/A-jianguanrenyuan.png")
-        },
-        {
-          position: [121.274352, 32.42456],
-          id: 2,
-          name: "人员",
-          content: '<i class="el-icon-user-solid waidi"></i>',
-          imgSrc: require("@/assets/images/icon/A-jianguanrenyuan.png")
-        },
-        {
-          position: [121.299592, 32.432396],
-          id: 3,
-          name: "人员",
-          content: '<i class="el-icon-user-solid waidi"></i>',
-          imgSrc: require("@/assets/images/icon/A-jianguanrenyuan.png")
-        },
-        {
-          position: [121.37418763222937, 32.41185412919089988],
-          id: 4,
-          name: "人员",
-          content: '<i class="el-icon-user-solid waidi"></i>',
-          imgSrc: require("@/assets/images/icon/A-jianguanrenyuan.png")
-        },
+
       ],
       personInfo: {
-        position: [],
+        position: [
+          121.2799592,
+          32.432396
+        ],
         info: {},
-        visible: false,
+        visible: true,
+        name: "视频监控",
+        imgSrc: require("@/assets/images/icon/jiankong.png"),
+        content: '<i class=\"el-icon-user-solid waidi\"></i>'
       },
       personInfoTow: {
         position: [],
         info: {},
         visible: false,
-      }
-
+      },
+      markersactionMapList: ['车辆','视频监控'],
+      marksersTow: [{
+        position: [121.183697866903292, 32.460227941215508],
+        id: 1,
+        name: "车辆",
+        content: '<i class="el-icon-user-solid bendiren"></i>',
+        imgSrc: require("@/assets/images/icon/genduofuwu.png")
+      },
+      {
+        position: [121.235712627230569, 32.447218823220901],
+        id: 2,
+        name: "车辆",
+        content: '<i class="el-icon-user-solid bendiren"></i>',
+        imgSrc: require("@/assets/images/icon/genduofuwu.png")
+      },
+      {
+        position: [121.318413448767714, 32.411908360092688],
+        id: 3,
+        name: "车辆",
+        content: '<i class="el-icon-user-solid bendiren"></i>',
+        imgSrc: require("@/assets/images/icon/genduofuwu.png")
+      },
+      {
+        position: [121.359751265879749, 32.38683020264299],
+        id: 4,
+        name: "车辆",
+        content: '<i class="el-icon-user-solid bendiren"></i>',
+        imgSrc: require("@/assets/images/icon/genduofuwu.png")
+      },
+      {
+        position: [121.23060190230413, 32.393323905814675],
+        id: 1,
+        name: "设备",
+        content: '<i class="el-icon-user-solid waidi"></i>',
+        imgSrc: require("@/assets/images/icon/dainbingshebei.png")
+      },
+      {
+        position: [121.252903247437729, 32.397970019384182],
+        id: 2,
+        name: "设备",
+        content: '<i class="el-icon-user-solid waidi"></i>',
+        imgSrc: require("@/assets/images/icon/dainbingshebei.png")
+      },
+      {
+        position: [121.304939719416154, 32.402383827275209],
+        id: 3,
+        name: "设备",
+        content: '<i class="el-icon-user-solid waidi"></i>',
+        imgSrc: require("@/assets/images/icon/dainbingshebei.png")
+      },
+      {
+        position: [121.3418763222937, 32.418412919089988],
+        id: 4,
+        name: "设备",
+        content: '<i class="el-icon-user-solid waidi"></i>',
+        imgSrc: require("@/assets/images/icon/dainbingshebei.png")
+      },
+      {
+        position: [121.2932060190230413, 32.4023323905814675],
+        id: 1,
+        name: "人员",
+        content: '<i class="el-icon-user-solid waidi"></i>',
+        imgSrc: require("@/assets/images/icon/A-jianguanrenyuan.png")
+      },
+      {
+        position: [121.274352, 32.42456],
+        id: 2,
+        name: "人员",
+        content: '<i class="el-icon-user-solid waidi"></i>',
+        imgSrc: require("@/assets/images/icon/A-jianguanrenyuan.png")
+      },
+      {
+        position: [121.299592, 32.432396],
+        id: 3,
+        name: "人员",
+        content: '<i class="el-icon-user-solid waidi"></i>',
+        imgSrc: require("@/assets/images/icon/A-jianguanrenyuan.png")
+      },
+      {
+        position: [121.37418763222937, 32.41185412919089988],
+        id: 4,
+        name: "人员",
+        content: '<i class="el-icon-user-solid waidi"></i>',
+        imgSrc: require("@/assets/images/icon/A-jianguanrenyuan.png")
+      },
+      {
+        position: [121.2799592, 32.432396],
+        id: 3,
+        name: "视频监控",
+        content: '<i class="el-icon-user-solid waidi"></i>',
+        imgSrc: require("@/assets/images/icon/jiankong.png")
+      },
+      {
+        position: [121.357418763222937, 32.41185412919089988],
+        id: 4,
+        name: "视频监控",
+        content: '<i class="el-icon-user-solid waidi"></i>',
+        imgSrc: require("@/assets/images/icon/jiankong.png")
+      },]
       // 选项
 
 
@@ -369,6 +453,8 @@ export default {
 
   },
   mounted() {
+    // this.marksersTow = JSON.parse(JSON.stringify(this.markers))
+    this.markersactionMap(this.markersactionMapList)
   },
   unmounted() {
   },
@@ -431,7 +517,11 @@ export default {
 
     },
     // 切换人员
-    markersradio(type) {
+    markersactionMap(type) {
+      this.markersactionMapList = type
+      this.markers = this.marksersTow.filter(item => this.markersactionMapList.includes(item.name))
+      console.log(this.markers);
+      console.log(type);
 
     }
 
@@ -506,4 +596,10 @@ export default {
   }
 }
 
+.person-mainTow {
+  height: 100%;
+  padding-top: 0px;
+  padding-bottom: 0;
+  overflow: hidden;
+}
 </style>
diff --git a/src/views/Map/Map_Zhongdianrenyuan/index.vue b/src/views/Map/Map_Zhongdianrenyuan/index.vue
index f85deda..cfde8cd 100644
--- a/src/views/Map/Map_Zhongdianrenyuan/index.vue
+++ b/src/views/Map/Map_Zhongdianrenyuan/index.vue
@@ -6,40 +6,53 @@
         :extra-options="{ vectorMapForeign: 'style_zh_cn' }" class="amap-demo">
         <el-amap-geojson :geo="changshazhen" :polygon-options="polygonOptions" :draggable="draggable"
           @click="JSONclick" />
-        <!-- <el-amap-geojson :geo="roadline1" :polygon-options="polygonOptions" :draggable="draggable"
-          @click="JSONclick2" />
-
-        <el-amap-geojson :geo="roadline2" :polygon-options="polygonOptions" :draggable="draggable"
-          @click="JSONclick3" /> -->
-        <!-- <el-amap-geojson :geo="roadpoint" :polygon-options="polygonOptions" :draggable="draggable" @click="JSONclick" />
-        <el-amap-geojson :geo="roadpoint2" :polygon-options="polygonOptions" :draggable="draggable"
-          @click="JSONclick" /> -->
+
+        <!-- 重点人员 -->
         <el-amap-marker v-for="(marker, index) in markers" :title="marker.name" :key="marker.id"
-          :position="marker.position" @click="(e) => { clickArrayMarker(marker, e) }" v-if="radio == 2 || radio == 1">
+          :position="marker.position" @click="(e) => { clickArrayMarker(marker, e) }" v-if="actionMap.includes(2)">
           <div class="markerStyles">
             <div v-if="marker.name" class="marker-Text">{{ marker.name }}</div>
             <img :src="marker.imgSrc" alt="">
-            <el-amap-polyline :editable="false" :visible="true" :draggable="false" :path="marker.pathlist" strokeColor="greenyellow" :zIndex="500"
-            :strokeDasharray="[10,10]" strokeStyle="dashed" :strokeWeight="4"/>
+            <el-amap-polyline :editable="false" :visible="true" :draggable="false" :path="marker.pathlist"
+              strokeColor="greenyellow" :zIndex="500" :strokeDasharray="[10, 10]" strokeStyle="dashed"
+              :strokeWeight="4" />
           </div>
         </el-amap-marker>
-
-        <!-- <el-amap-marker v-for="(marker, index) in markers2" :title="marker.name" :key="marker.id + 5"
-          :position="marker.position" @click="(e) => { clickArrayMarker(marker, e) }" v-if="radio == 3 || radio == 1">
+        <!-- 外来人员 -->
+        <el-amap-marker v-for="(marker, index) in markers2" :title="marker.name" :key="marker.id + '5'"
+          :position="marker.position" @click="(e) => { clickArrayMarker(marker, e) }" v-if="actionMap.includes(3)">
+          <div class="markerStyles">
+            <div v-if="marker.name" class="marker-Text">{{ marker.name }}</div>
+            <img :src="marker.imgSrc" alt="">
+            <el-amap-polyline :editable="false" :visible="true" :draggable="false" :path="marker.pathlist"
+              strokeColor="red" :zIndex="500" :strokeDasharray="[10, 10]" strokeStyle="dashed" :strokeWeight="4" />
+          </div>
+        </el-amap-marker>
+        <!-- 本地人口 -->
+        <el-amap-marker v-for="(marker, index) in markers3" :title="marker.name" :key="marker.id + '6'"
+          :position="marker.position" @click="(e) => { clickArrayMarker(marker, e) }" v-if="actionMap.includes(1)">
+          <div class="markerStyles">
+            <div v-if="marker.name" class="marker-Text">{{ marker.name }}</div>
+            <img :src="marker.imgSrc" alt="">
+            <el-amap-polyline :editable="false" :visible="true" :draggable="false" :path="marker.pathlist"
+              strokeColor="#ffffff" :zIndex="500" :strokeDasharray="[10, 10]" strokeStyle="dashed" :strokeWeight="4" />
+          </div>
+        </el-amap-marker>
+        <!-- 车辆信息 -->
+        <el-amap-marker v-for="(marker, index) in markers4" :title="marker.name" :key="marker.id + '7'"
+          :position="marker.position" @click="(e) => { clickArrayMarker(marker, e) }" v-if="actionMap.includes(4)">
           <div class="markerStyles">
             <div v-if="marker.name" class="marker-Text">{{ marker.name }}</div>
             <img :src="marker.imgSrc" alt="">
-            <el-amap-polyline :editable="false" :visible="true" :draggable="false" :path="marker.pathlist" strokeColor="red" :zIndex="500"
-            :strokeDasharray="[10,10]" strokeStyle="dashed"
-            :strokeWeight="4"
-            />
+            <el-amap-polyline :editable="false" :visible="true" :draggable="false" :path="marker.pathlist"
+              strokeColor="#ffffff" :zIndex="500" :strokeDasharray="[10, 10]" strokeStyle="dashed" :strokeWeight="4" />
           </div>
-        </el-amap-marker> -->
+        </el-amap-marker>
       </el-amap>
     </div>
     <!-- 图层展示 -->
     <div>
-      <ZhanshiTubiao showType="重点人员" @markersradio="markersradio"></ZhanshiTubiao>
+      <ZhanshiTubiao showType="重点人员" @markersactionMap="markersactionMap"></ZhanshiTubiao>
     </div>
     <leftrightEcahts></leftrightEcahts>
     <righttEcahts></righttEcahts>
@@ -102,7 +115,7 @@ export default {
           name: "张三",
           content: '<i class="el-icon-user-solid bendiren"></i>',
           imgSrc: require("@/assets/images/icon/zhongdianren2.png"),
-          pathlist: [[121.183697866903292, 32.460227941215508],[121.173697866903292, 32.430227941215508],]
+          pathlist: [[121.183697866903292, 32.460227941215508], [121.173697866903292, 32.430227941215508],]
         },
         {
           position: [121.235712627230569, 32.447218823220901],
@@ -110,16 +123,16 @@ export default {
           name: "李四",
           content: '<i class="el-icon-user-solid bendiren"></i>',
           imgSrc: require("@/assets/images/icon/zhongdianren2.png"),
-          pathlist: [[121.235712627230569, 32.447218823220901],[ 121.245712627230569, 32.427218823220901 ],]
+          pathlist: [[121.235712627230569, 32.447218823220901], [121.245712627230569, 32.427218823220901],]
         },
         {
-          position: [121.318413448767714, 32.411908360092688],
+          position: [121.318413448767714, 32.4211908360092688],
           id: 3,
           name: "王五",
           content: '<i class="el-icon-user-solid bendiren"></i>',
           imgSrc: require("@/assets/images/icon/zhongdianren2.png")
           ,
-          pathlist: [[121.318413448767714, 32.411908360092688],[ 121.328413448767714, 32.421908360092688],]
+          pathlist: [[121.318413448767714, 32.4211908360092688], [121.328413448767714, 32.421908360092688],]
         },
         {
           position: [121.359751265879749, 32.38683020264299],
@@ -128,46 +141,84 @@ export default {
           content: '<i class="el-icon-user-solid bendiren"></i>',
           imgSrc: require("@/assets/images/icon/zhongdianren2.png")
           ,
-          pathlist: [[121.359751265879749, 32.38683020264299],[ 121.349751265879749, 32.36683020264299],]
+          pathlist: [[121.359751265879749, 32.38683020264299], [121.349751265879749, 32.36683020264299],]
         },
       ],
       markers2: [
         {
           position: [121.24012643512161, 32.392859294457729],
           id: 1,
-          name: "外地人口",
+          name: "外张三",
           content: '<i class="el-icon-user-solid waidi"></i>',
           imgSrc: require("@/assets/images/icon/zhongdianren.png"),
-          pathlist: [[121.227349622803477, 32.389607014959076],[121.24012643512161, 32.392859294457729],]
+          pathlist: [[121.227349622803477, 32.389607014959076], [121.24012643512161, 32.392859294457729],]
         },
         {
-          position: [121.316090391982954, 32.406100718130809 ],
+          position: [121.316090391982954, 32.406100718130809],
           id: 2,
-          name: "外地人口",
+          name: "外李四",
           content: '<i class="el-icon-user-solid waidi"></i>',
           imgSrc: require("@/assets/images/icon/zhongdianren.png"),
-          pathlist: [[121.252903247437729, 32.397970019384182],[ 121.316090391982954, 32.406100718130809 ],]
+          pathlist: [[121.252903247437729, 32.397970019384182], [121.316090391982954, 32.406100718130809],]
         },
         {
-          position: [121.295647492277155, 32.404939189738435],
+          position: [121.295647492277155, 32.3904939189738435],
           id: 3,
-          name: "外地人口",
+          name: "外王五",
           content: '<i class="el-icon-user-solid waidi"></i>',
           imgSrc: require("@/assets/images/icon/zhongdianren.png"),
-          pathlist: [[121.295647492277155, 32.404939189738435],[ 121.316090391982954, 32.426100718130809 ],]
+          pathlist: [[121.295647492277155, 32.3904939189738435], [121.316090391982954, 32.426100718130809],]
         },
         {
           position: [121.3418763222937, 32.418412919089988],
           id: 4,
-          name: "外地人口",
+          name: "外赵六",
           content: '<i class="el-icon-user-solid waidi"></i>',
           imgSrc: require("@/assets/images/icon/zhongdianren.png")
           ,
-          pathlist: [[121.3418763222937, 32.418412919089988],[ 121.326090391982954, 32.406100718130809 ],]
+          pathlist: [[121.3418763222937, 32.418412919089988], [121.326090391982954, 32.406100718130809],]
         },
       ],
+      markers3: [
+        {
+          position: [121.2209993697866903292, 32.460227941215508],
+          id: 1,
+          name: "本张三",
+          content: '<i class="el-icon-user-solid bendiren"></i>',
+          imgSrc: require("@/assets/images/icon/renkouzonghui.png"),
+          pathlist: [[121.2309993697866, 32.460227941215508], [121.19396937866903292, 32.430227941215508],]
+        },
+        {
+          position: [121.255712627230569, 32.427218823220901],
+          id: 2,
+          name: "本李四",
+          content: '<i class="el-icon-user-solid bendiren"></i>',
+          imgSrc: require("@/assets/images/icon/renkouzonghui.png"),
+          pathlist: [[121.255712627230569, 32.427218823220901], [121.245712627230569, 32.437218823220901],]
+        },
+
+      ],
+      markers4: [
+        {
+          position: [121.23209993697866903292, 32.4360227941215508],
+          id: 1,
+          name: "重点车辆",
+          content: '<i class="el-icon-user-solid bendiren"></i>',
+          imgSrc: require("@/assets/images/icon/genduofuwu.png"),
+          pathlist: [[121.23209993697866903292, 32.4360227941215508], [121.19396937866903292, 32.430227941215508],]
+        },
+        {
+          position: [121.2355712627230569, 32.47327218823220901],
+          id: 2,
+          name: "重点车辆",
+          content: '<i class="el-icon-user-solid bendiren"></i>',
+          imgSrc: require("@/assets/images/icon/genduofuwu.png"),
+          pathlist: [[121.2355712627230569, 32.48327218823220901], [121.245712627230569, 32.437218823220901],]
+        },
+
+      ],
       // 选项
-      radio: 1
+      actionMap: [1]
 
 
     }
@@ -206,14 +257,20 @@ export default {
     //mark点
     clickArrayMarker(e) {
       console.log(e);
-      this.$refs.Mapdialog.open("person")
+      if (e.name == '重点车辆') {
+        this.$refs.Mapdialog.open("121")
+
+      } else {
+        this.$refs.Mapdialog.open("person")
+
+      }
 
     },
     // 切换人员
-    markersradio(type) {
+    markersactionMap(type) {
       console.log(type);
 
-      this.radio = type
+      this.actionMap = type
     }
 
   },
diff --git a/src/views/Zhongdahuodong/dituzhadian/index.vue b/src/views/Zhongdahuodong/dituzhadian/index.vue
index 948cf84..f107fcd 100644
--- a/src/views/Zhongdahuodong/dituzhadian/index.vue
+++ b/src/views/Zhongdahuodong/dituzhadian/index.vue
@@ -4,8 +4,8 @@
       @init="init" :extra-options="{ vectorMapForeign: 'style_zh_cn' }" class="amap-demo">
       <el-amap-geojson :geo="changshazhen" :polygon-options="polygonOptions" :draggable="draggable"
         @click="JSONclick" />
-      <el-amap-marker v-for="(marker, index) in markers" :title="marker.name" :key="marker.id"
-        :position="marker.position" @click="(e) => { clickArrayMarker(marker, e) }">
+      <el-amap-marker v-for="(marker, index) in markers" :title="marker.name" :key="index" :position="marker.position"
+        @click="(e) => { clickArrayMarker(marker, e) }">
         <div class="markerStyles">
           <div v-if="marker.name" class="marker-Text">{{ marker.name }}</div>
           <img :src="marker.imgSrc" alt="">
@@ -70,71 +70,106 @@
         <img src="@/assets/images/icon/A-cheliang.png" alt="">
         <div>车辆</div>
       </div>
+      <div class="zuoyou">
+        <img src="@/assets/images/icon/ztc.png" alt="">
+        <div>特殊车辆</div>
+      </div>
     </div>
 
-    <el-dialog :visible.sync="showCK" width="40%" title="地图扎点" @close="close" :close-on-click-modal="false"
-      :close-on-press-escape="false">
-      <div class="diandian">
-        <el-radio v-model="radio" label="1">人员扎点</el-radio>
-        <el-radio v-model="radio" label="2">车辆扎点</el-radio>
-      </div>
-      <div v-if="radio == 1">
-        <el-form ref="form" :model="form" :rules="rules" label-width="120px" :disabled="mytitle == '查看人员'">
-          <el-form-item label="姓名" size="mini" prop="xm">
-            <el-input v-model="form.xm" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="部门" prop="xb">
-            <el-select v-model="form.xb" multiple placeholder="请选择" size="mini">
-              <el-option v-for="item in options" :key="item.value" :label="item.groupName" :value="item.id">
+    <div v-if="showCK">
+      <el-dialog :visible.sync="showCK" width="40%" title="地图扎点" @close="close" :close-on-click-modal="false"
+        :close-on-press-escape="false">
+        <div class="diandian">
+          <el-radio v-model="radio" label="1">人员扎点</el-radio>
+          <el-radio v-model="radio" label="2">车辆扎点</el-radio>
+        </div>
+        <div v-if="radio == 1">
+          <el-form ref="form" :model="form" :rules="rules" label-width="120px" :disabled="mytitle == '查看人员'">
+            <el-form-item label="姓名" size="mini" prop="xm">
+              <el-input v-model="form.xm" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item label="部门" prop="xb">
+              <el-select v-model="form.xb" multiple placeholder="请选择" size="mini">
+                <el-option v-for="item in options" :key="item.value" :label="item.groupName" :value="item.id">
+                </el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="联系方式" size="mini" prop="sfzh">
+              <el-input v-model="form.sfzh" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item label="职责描述" size="mini" prop="zz">
+              <el-input v-model="form.zz" placeholder="请输入"></el-input>
+            </el-form-item>
+
+            <el-form-item label="社会关系" prop="shgx">
+              <el-input type="textarea" resize="none" :rows="5" v-model="form.shgx" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item label="经度" prop="lng">
+              <el-input v-model="form.lng" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item label="纬度" prop="lat">
+              <el-input v-model="form.lat" placeholder="请输入"></el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div v-if="radio == 2">
+          <el-form ref="form" :model="form" :rules="rules" label-width="120px" :disabled="mytitle == '查看人员'">
+            <el-form-item label="驾驶员姓名" size="mini" prop="xm1">
+              <el-input v-model="form.xm1" placeholder="请输入"></el-input>
+            </el-form-item>
+
+            <el-form-item label="联系方式" size="mini" prop="lxfs1">
+              <el-input v-model="form.lxfs1" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item label="车牌号" size="mini" prop="zz1">
+              <el-input v-model="form.zz1" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item label="车辆类型" prop="sfzha">
+            <el-select
+              v-model="form.sfzha"
+              
+              placeholder="请选择"
+              size="mini"
+            >
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.groupName"
+                :value="item.id"
+              >
               </el-option>
             </el-select>
           </el-form-item>
+         
+            <el-form-item label="经度" prop="lng">
+              <el-input v-model="form.lng" placeholder="请输入"></el-input>
+
+            </el-form-item>
+            <el-form-item label="纬度" prop="lat">
+              <el-input v-model="form.lat" placeholder="请输入"></el-input>
+            </el-form-item>
+          </el-form>
+        </div>
 
-          <el-form-item label="联系方式" size="mini" prop="sfzh">
-            <el-input v-model="form.sfzh" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="职责描述" size="mini" prop="zz">
-            <el-input v-model="form.zz" placeholder="请输入"></el-input>
-          </el-form-item>
-
-          <el-form-item label="社会关系" prop="shgx">
-            <el-input type="textarea" resize="none" :rows="5" v-model="form.shgx" placeholder="请输入"></el-input>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div v-if="radio == 2">
-        <el-form ref="form" :model="form" :rules="rules" label-width="120px" :disabled="mytitle == '查看人员'">
-          <el-form-item label="驾驶员姓名" size="mini" prop="xm1">
-            <el-input v-model="form.xm1" placeholder="请输入"></el-input>
-          </el-form-item>
-
-          <el-form-item label="联系方式" size="mini" prop="lxfs1">
-            <el-input v-model="form.lxfs1" placeholder="请输入"></el-input>
-          </el-form-item>
-
-          <el-form-item label="车辆类型" size="mini" prop="sfzha">
-            <el-input v-model="form.sfzha" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="车牌号" size="mini" prop="zz1">
-            <el-input v-model="form.zz1" placeholder="请输入"></el-input>
-          </el-form-item>
-        </el-form>
-      </div>
+        <span slot="footer" class="dialog-footer" v-show="mytitle != '查看人员'">
+          <el-button size="mini" icon="el-icon-refresh-left" @click="reset('form')">重置</el-button>
+          <el-button size="mini" type="primary" icon="el-icon-document" @click="save('form')">保存</el-button>
+        </span>
+      </el-dialog>
+    </div>
+    <Mapdialogteshucheliang ref="Mapdialogteshucheliang"></Mapdialogteshucheliang>
 
-      <span slot="footer" class="dialog-footer" v-show="mytitle != '查看人员'">
-        <el-button size="mini" icon="el-icon-refresh-left" @click="reset('form')">重置</el-button>
-        <el-button size="mini" type="primary" icon="el-icon-document" @click="save('form')">保存</el-button>
-      </span>
-    </el-dialog>
   </div>
 </template>
 
 <script>
 import changshazhen from "@/assets/mapjson/Chaangshazhen/changshazhen.geojson"
+import Mapdialogteshucheliang from "@/views/components/Mapdialogteshucheliang/index.vue"
 
 export default {
   name: '',
-  components: {},
+  components: {Mapdialogteshucheliang},
   data() {
     return {
       mytitle: "地图扎点",
@@ -150,13 +185,23 @@ export default {
         strokeColor: '#00C5EC',
         fillColor: '#00AEFF'
       },
-      options: [],
+      options: [{
+        id:1,
+        groupName:"普通车辆",
+        value:"普通车辆"
+      },{
+        id:2,
+        groupName:"特殊车辆",
+        value:"特殊车辆"
+      },],
       form: {
 
       },
       showCK: false,
       rules: {
-
+        lat: [{ required: true, message: '请输入', trigger: 'change' }],
+        lng: [{ required: true, message: '请输入', trigger: 'change' }],
+        sfzha:[{ required: true, message: '请选择', trigger: 'change' }]
       },
       personInfo: {
         position: [],
@@ -186,6 +231,20 @@ export default {
           content: '<i class="el-icon-user-solid bendiren"></i>',
           imgSrc: require("@/assets/images/icon/A-cheliang.png")
         },
+        {
+          position: [121.2235712627230569, 32.4247218823220901],
+          id: 2,
+          name: "特殊车辆",
+          content: '<i class="el-icon-user-solid bendiren"></i>',
+          imgSrc: require("@/assets/images/icon/ztc.png")
+        },
+        {
+          position: [121.27218413448767714, 32.411908360092688],
+          id: 3,
+          name: "特殊车辆",
+          content: '<i class="el-icon-user-solid bendiren"></i>',
+          imgSrc: require("@/assets/images/icon/ztc.png")
+        },
         {
           position: [121.359751265879749, 32.39683020264299],
           id: 4,
@@ -199,7 +258,7 @@ export default {
   created() { },
   mounted() { },
   methods: {
-    markersClosePopup(){
+    markersClosePopup() {
       this.personInfo.visible = false
 
     },
@@ -217,13 +276,80 @@ export default {
     click() {
       alert('click map')
     },
-    JSONclick() { },
+    JSONclick(e) {
+      const h = this.$createElement;
+      this.$message({
+        message: h('p', null, [
+          h('div', { style: 'color: #000000' }, `经纬度:${e.lnglat.KL},${e.lnglat.kT}`),
+        ])
+      });
+      this.form.lng = e.lnglat.KL
+      this.form.lat = e.lnglat.kT
+    },
     clickArrayMarker(e) {
       this.personInfo.visible = true
       this.personInfo.position = e.position
       this.personInfo.info = {}
       this.titleShow = e.name
 
+      if(e.name == "特殊车辆"){
+        this.$refs.Mapdialogteshucheliang.open("121")
+      }
+
+    },
+    save(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          if (this.markers.some(item => item.position[0] == this.form.lng)) {
+            this.$message({
+              message: '请勿重复添加',
+              type: 'warning'
+            });
+            return
+          }
+          let obj = {}
+          if (this.radio == 1) {
+            obj = {
+              position: [this.form.lng, this.form.lat],
+              id: 1,
+              name: "人员",
+              content: '<i class="el-icon-user-solid bendiren"></i>',
+              imgSrc: require("@/assets/images/icon/A-jianguanrenyuan.png")
+            }
+
+          } else {
+            if(this.form.sfzha=='普通车辆'){
+              obj = {
+              position: [this.form.lng, this.form.lat],
+              id: 1,
+              name: "车辆",
+              content: '<i class="el-icon-user-solid bendiren"></i>',
+              imgSrc: require("@/assets/images/icon/A-cheliang.png")
+            }
+            }else{
+              obj = {
+              position: [this.form.lng, this.form.lat],
+              id: 1,
+              name: "特殊车辆",
+              content: '<i class="el-icon-user-solid bendiren"></i>',
+              imgSrc: require("@/assets/images/icon/ztc.png")
+            }
+            }
+           
+
+          }
+          this.markers.push(obj)
+          this.close()
+
+        } else {
+          return false;
+        }
+      });
+    },
+    reset() {
+      this.form = {
+
+      }
     },
     close() {
       this.form = {
@@ -271,7 +397,7 @@ export default {
   right: 10px;
   cursor: pointer;
   position: absolute;
-  width: 120px;
+  // width: 120px;
   color: #000000;
   background: #ffffff;
   border-radius: 5px;
diff --git a/src/views/ZhongdianRen/Xinxiguanli/index.vue b/src/views/ZhongdianRen/Xinxiguanli/index.vue
index f574fc8..03c1fc0 100644
--- a/src/views/ZhongdianRen/Xinxiguanli/index.vue
+++ b/src/views/ZhongdianRen/Xinxiguanli/index.vue
@@ -106,9 +106,15 @@
               <el-table-column
                 label="监管队员"
                 align="center"
-                prop="jgdy"
+                prop="jgdytow"
               >
               </el-table-column>
+              <el-table-column label="摄像头识别" align="center" prop="jgdy">
+                <template slot-scope="scope">
+                  <el-switch v-model="scope.row.jgdy" active-color="#13ce66" inactive-color="#ff4949">
+                  </el-switch>
+                </template>
+              </el-table-column>
               <el-table-column label="操作" align="center" width="200">
                 <template slot-scope="scope">
                   <button @click="toDetail(scope.row, 0)" class="sqbtn sqbtn1">
@@ -139,7 +145,7 @@
     <el-dialog
       :visible.sync="showCK"
       width="40%"
-      title="新增人员"
+      :title="mytitle"
       @close="close"
       :close-on-click-modal="false"
       :close-on-press-escape="false"
@@ -201,7 +207,22 @@
               placeholder="请输入监管人员"
             ></el-input>
           </el-form-item>
-
+          <el-form-item label="车牌号" size="mini" prop="chepaih">
+            <el-input
+              v-model="form.jgyr"
+              placeholder="请输入车牌号"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="车辆型号" size="mini" prop="xinghao">
+            <el-input
+              v-model="form.jgyr"
+              placeholder="请输入车辆型号"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="摄像头识别" size="mini" prop="shexiangtoushibie">
+            <el-radio v-model="form.shexiangtoushibie" label="1">开启</el-radio>
+            <el-radio v-model="form.shexiangtoushibie" label="2">关闭</el-radio>
+          </el-form-item>
              
           <el-form-item label="社会关系" prop="shgx">
             <el-input
@@ -305,7 +326,9 @@ export default {
           zz:"长沙镇和平路123号",
           shgx:"家庭成员：张伟（父亲），李梅（母亲）",
           jgyy:"重点监控对象，曾有违法行为",
-          jgdy:"李四",
+          jgdytow:"李四",
+          jgdy: true,
+
 
         },{
           xm:"张天",
@@ -315,7 +338,9 @@ export default {
           zz:"长沙镇和平路123号",
           shgx:"家庭成员：张伟（父亲），李梅（母亲）",
           jgyy:"重点监控对象，曾有违法行为",
-          jgdy:"李四",
+          jgdytow:"李四",
+          jgdy: true,
+
 
         },{
           xm:"张天",
@@ -325,7 +350,9 @@ export default {
           zz:"长沙镇和平路123号",
           shgx:"家庭成员：张伟（父亲），李梅（母亲）",
           jgyy:"重点监控对象，曾有违法行为",
-          jgdy:"李四",
+          jgdytow:"李四",
+          jgdy: true,
+
 
         },{
           xm:"张天",
@@ -335,7 +362,9 @@ export default {
           zz:"长沙镇和平路123号",
           shgx:"家庭成员：张伟（父亲），李梅（母亲）",
           jgyy:"重点监控对象，曾有违法行为",
-          jgdy:"李四",
+          jgdytow:"李四",
+          jgdy: true,
+
 
         },{
           xm:"张天",
@@ -345,7 +374,9 @@ export default {
           zz:"长沙镇和平路123号",
           shgx:"家庭成员：张伟（父亲），李梅（母亲）",
           jgyy:"重点监控对象，曾有违法行为",
-          jgdy:"李四",
+          jgdytow:"李四",
+          jgdy: false,
+
 
         },{
           xm:"张天",
@@ -355,7 +386,9 @@ export default {
           zz:"长沙镇和平路123号",
           shgx:"家庭成员：张伟（父亲），李梅（母亲）",
           jgyy:"重点监控对象，曾有违法行为",
-          jgdy:"李四",
+          jgdytow:"李四",
+          jgdy: false,
+
 
         },
       ],
@@ -409,7 +442,7 @@ export default {
         this.$router.push("/ZhongdianRen/zhongdianxiangqing")
       } else if (type == 1) {
         // 编辑
-        this.mytitle = "编辑考勤规则";
+        this.mytitle = "编辑人员";
         this.chakanxiangqing(rew);
       }
     },
diff --git a/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/cheliangguiji/index copy.vue b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/cheliangguiji/index copy.vue
new file mode 100644
index 0000000..0c829eb
--- /dev/null
+++ b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/cheliangguiji/index copy.vue	
@@ -0,0 +1,258 @@
+<template>
+  <div class="three-box">
+    <el-row class="row-one">
+      <div class="search">
+        <div class="content">
+          时间范围：
+          <div class="time-query">
+            <div class="interval-select">
+              <div class="star-time">
+                <el-time-picker v-model="queryTime.fromTime" align="right" :clearable="false" format="HH:mm:ss"
+                  value-format="HH:mm:ss" placeholder="开始时间">
+                </el-time-picker>
+              </div>
+              <div class="symbol">~</div>
+              <div class="end-time">
+                <el-time-picker v-model="queryTime.toTime" align="right" :clearable="false" format="HH:mm:ss"
+                  value-format="HH:mm:ss" placeholder="结束时间">
+                </el-time-picker>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="searchBtn">
+        <el-button type="primary" size="mini" icon="el-icon-search" @click="searchList">查询</el-button>
+        <el-button size="mini" icon="el-icon-refresh-left" @click="resetTwo">重置</el-button>
+      </div>
+    </el-row>
+    <el-row style="margin-top: 20px;">
+      <div style="display: flex;">
+        <div>轨迹地图：</div>
+        <div id="gjMap">
+
+          <el-amap ref="map" :center="center" :zoom="zoom" :zooms="zooms"
+            element-loading-background="rgba(11, 34, 72, 0.8)" @init="init"
+            :extra-options="{ vectorMapForeign: 'style_zh_cn' }" class="amap-demo">
+
+            <el-amap-geojson :geo="changshazhen" :polygon-options="polygonOptions" :draggable="draggable"
+              @click="JSONclick" />
+
+
+            <el-amap-polyline :editable="false" :visible="true" :draggable="false"
+              :path="myxiuanlu.features[0].geometry.coordinates[0]" :zIndex="5000" strokeColor="red" isOutline
+              lineCap="round" @click="(e) => { polylineclick(e, '线') }" :strokeWeight="4" />
+
+
+            <el-amap-polyline :editable="false" :visible="true" :draggable="false"
+              :path="roadline2.features[0].geometry.coordinates[0]" :zIndex="5000" strokeColor="green" isOutline
+              lineCap="round" @click="(e) => { polylineclick(e, '线') }" :strokeWeight="4" />
+
+           
+          </el-amap>
+        </div>
+      </div>
+    </el-row>
+  </div>
+</template>
+<script>
+import changshazhen from "@/assets/mapjson/Chaangshazhen/changshazhen.geojson"
+import myxiuanlu from "@/assets/mapjson/Chaangshazhen/myxiuanlu.geojson"
+import roadline2 from "@/assets/mapjson/Chaangshazhen/road-line2.geojson"
+export default {
+  name: "tabThree",
+  props: {
+    id: {
+      type: Number,
+      default: null,
+    }
+  },
+  data() {
+    return {
+      activities: [],
+      loading: false,
+      queryTime: {
+        fromTime: "",
+        toTime: ""
+      },
+      
+      polygonOptions: {
+        strokeColor: '#00C5EC',
+        fillColor: '#00AEFF'
+      },
+      zoom: 11.8,
+      zooms: [3, 20],
+      center: [121.298563, 32.451807],
+      map: null,
+      draggable: false,
+      visible: true,
+      changshazhen: changshazhen,
+      myxiuanlu: myxiuanlu,
+      roadline2: roadline2,
+    }
+  },
+  mounted() {
+  },
+  methods: {
+    init(map) {
+      this.map = map;
+      // o.setMapStyle('amap://styles/darkblue')
+      console.log(this.map.getCenter())
+      console.log(this.$refs.map.$$getInstance())
+    },
+    // 地图点击事件
+    click() {
+      alert('click map')
+    },
+    JSONclick() { },
+    searchList() {
+    },
+    // 重置
+    resetTwo() {
+    },
+    // 获取备忘录列表
+    getList() {
+      this.loading = true;
+      jProjectFund(this.id).then(res => {
+        let arr = [];
+        res.data.forEach(element => {
+          let obj = {};
+          obj.size = 'large';
+          obj.icon = 'icon iconfont icon-jc-kong-yuan';
+          obj.fundAmount = element.fundAmount;
+          obj.appropriationTime = element.appropriationTime;
+          arr.push(obj);
+        });
+        this.activities = arr;
+        this.loading = false;
+      }).catch((err) => {
+        // console.log(err);
+        this.activities = [];
+        this.loading = false;
+      })
+    },
+    formatDate(dateString, id) {
+      const year = dateString.slice(0, 4);
+      const month = dateString.slice(4, 6);
+      const day = dateString.slice(6, 8);
+      if (id == 1) {
+        return `${year}年${month}月${day}日`;
+      } else {
+        return `${year}-${month}-${day}`;
+      }
+    }
+  },
+}
+</script>
+<style lang="scss" scoped>
+.three-box {
+  padding: 10px 20px;
+
+  .row-one {
+    display: flex;
+    align-items: center;
+  }
+
+  .content {
+    display: flex;
+    align-items: center;
+    font-size: 16px;
+    font-weight: 500;
+    // line-height: 20px;
+    margin-right: 40px;
+
+    .time-query {
+      height: 30px;
+      background-size: 100% 100%;
+
+      .interval-select {
+        display: flex;
+        align-items: center;
+
+        ::v-deep .el-input__prefix {
+          display: none;
+        }
+
+        .star-time,
+        .end-time {
+          position: relative;
+
+          .data_icon {
+            position: absolute;
+            right: 5px;
+            top: 8px;
+            width: 20px;
+          }
+
+          ::v-deep .el-date-editor {
+            // background-color: transparent;
+            width: 150px;
+
+            .el-input__inner {
+              // background-color: transparent;
+              // border: none;
+              width: 100%;
+              height: 30px;
+              font-size: 14px;
+              font-weight: 500;
+              text-align: center;
+            }
+
+            // .el-input__inner::placeholder {
+            //   /* 在这里添加你想要修改的 placeholder 样式 */
+            //   font-size: 14px;
+            //   font-family: "Source Han Sans CN-Regular";
+            //   font-weight: 400;
+            //   color: #d3eef2;
+            //   -webkit-background-clip: text;
+            //   -webkit-text-fill-color: rgba(211, 238, 242, 0.2);
+            // }
+          }
+        }
+
+        .symbol {
+          width: 14px;
+          // height: 6px;
+          line-height: 15px;
+          margin: 0 5px;
+          background-size: 100% 100%;
+        }
+      }
+    }
+
+    .btns {
+      width: 92px;
+      height: 35px;
+      background-image: url("../../../../../../assets/images/inquirebg.png");
+      background-size: 100% 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+
+      img {
+        width: 24px;
+        margin-right: 5px;
+      }
+
+      span {
+        font-size: 14px;
+        font-family: "Source Han Sans CN-Regular";
+        font-weight: 400;
+        color: #ffffff;
+        line-height: 20px;
+      }
+    }
+
+    .reset {
+      background-image: url("../../../../../../assets/images/resetbg.png");
+      margin: 0 20px;
+    }
+  }
+}
+
+#gjMap {
+  width: 900px;
+  height: 350px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/cheliangguiji/index.vue b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/cheliangguiji/index.vue
new file mode 100644
index 0000000..903e396
--- /dev/null
+++ b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/cheliangguiji/index.vue
@@ -0,0 +1,244 @@
+<template>
+  <div class="three-box">
+    <el-row class="row-one">
+      <div class="search">
+        <div class="content">
+          时间范围：
+          <div class="time-query">
+            <div class="interval-select">
+              <div class="star-time">
+                <el-time-picker v-model="queryTime.fromTime" align="right" :clearable="false" format="HH:mm:ss"
+                  value-format="HH:mm:ss" placeholder="开始时间">
+                </el-time-picker>
+              </div>
+              <div class="symbol">~</div>
+              <div class="end-time">
+                <el-time-picker v-model="queryTime.toTime" align="right" :clearable="false" format="HH:mm:ss"
+                  value-format="HH:mm:ss" placeholder="结束时间">
+                </el-time-picker>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="searchBtn">
+        <el-button type="primary" size="mini" icon="el-icon-search" @click="searchList">查询</el-button>
+        <el-button size="mini" icon="el-icon-refresh-left" @click="resetTwo">重置</el-button>
+      </div>
+    </el-row>
+    <el-row style="margin-top: 20px;">
+      <div style="display: flex;">
+        <div class="dituziti">轨迹地图：</div>
+        <div id="gjMap">
+          <el-amap
+            ref="map"
+            map-style="amap://styles/normal"
+            :center="center"
+            :zoom="zoom"
+            :zooms="zooms"
+            v-loading="mapLoading"
+            @init="init"
+            :extra-options="{ vectorMapForeign: 'style_zh_cn' }"
+            class="amap-demo"
+          ></el-amap>
+        </div>
+      </div>
+    </el-row>
+  </div>
+</template>
+<script>
+import changshazhen from "@/assets/mapjson/Chaangshazhen/changshazhen.geojson"
+import line from "@/assets/mapjson/Chaangshazhen/line.geojson"
+export default {
+  name:"tabThree",
+  data() {
+    return {
+      activities: [],
+      loading: false,
+      queryTime: {
+        fromTime: "",
+        toTime: ""
+      },
+      zoom: 12,
+      zooms:[10,16],
+      center: [121.298563, 32.451807],
+      mapLoading:false,
+      map:null,
+      layers:{
+        layer:null,
+      },
+    }
+  },
+  mounted() {
+  },
+  methods:{
+    // 查询
+    searchList() {
+      console.log(this.queryTime);
+    },
+    // 重置
+    resetTwo() {
+      this.queryTime = {
+        fromTime:"",
+        toTime:""
+      }
+    },
+    getList() {
+    },
+    // 地图初始化
+    init(map){
+      // console.log(map);
+      this.map = map;
+      map.setMapStyle("amap://styles/normal");
+      this.layers.layer = new AMap.OverlayGroup();
+      this.$nextTick(() => {
+        var geojson1 = new AMap.Polygon({
+          path:changshazhen.features[0].geometry.coordinates[0][0],
+          strokeColor: '#00C5EC', 
+          fillColor: '#00C5EC',
+          fillOpacity: 0.2,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var geojson2 = new AMap.Polygon({
+          path:changshazhen.features[1].geometry.coordinates[0][0],
+          strokeColor: '#00C5EC', 
+          fillColor: '#00C5EC',
+          fillOpacity: 0.2,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var showLine = new AMap.Polyline({
+          path: line.features[0].geometry.coordinates,
+          strokeWeight: 6,
+          strokeColor: '#00C5EC',
+          strokeOpacity: 1,
+          // 开启箭头
+          // showDir: true,
+        })
+        this.layers.layer.addOverlay(geojson1);
+        this.layers.layer.addOverlay(geojson2);
+        this.layers.layer.addOverlay(showLine);
+        this.map.add(this.layers.layer);
+        map.setFitView();
+      })
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.three-box {
+  padding: 10px 20px;
+
+  .row-one {
+    display: flex;
+    align-items: center;
+  }
+
+  .content {
+    display: flex;
+    align-items: center;
+    font-size: 16px;
+    font-weight: 500;
+    // line-height: 20px;
+    margin-right: 40px;
+
+    .time-query {
+      height: 30px;
+      background-size: 100% 100%;
+
+      .interval-select {
+        display: flex;
+        align-items: center;
+
+        ::v-deep .el-input__prefix {
+          display: none;
+        }
+
+        .star-time,
+        .end-time {
+          position: relative;
+
+          .data_icon {
+            position: absolute;
+            right: 5px;
+            top: 8px;
+            width: 20px;
+          }
+
+          ::v-deep .el-date-editor {
+            // background-color: transparent;
+            width: 150px;
+
+            .el-input__inner {
+              // background-color: transparent;
+              // border: none;
+              width: 100%;
+              height: 30px;
+              font-size: 14px;
+              font-weight: 500;
+              text-align: center;
+            }
+
+            // .el-input__inner::placeholder {
+            //   /* 在这里添加你想要修改的 placeholder 样式 */
+            //   font-size: 14px;
+            //   font-family: "Source Han Sans CN-Regular";
+            //   font-weight: 400;
+            //   color: #d3eef2;
+            //   -webkit-background-clip: text;
+            //   -webkit-text-fill-color: rgba(211, 238, 242, 0.2);
+            // }
+          }
+        }
+
+        .symbol {
+          width: 14px;
+          // height: 6px;
+          line-height: 15px;
+          margin: 0 5px;
+          background-size: 100% 100%;
+        }
+      }
+    }
+
+    .btns {
+      width: 92px;
+      height: 35px;
+      background-image: url("../../../../../../assets/images/inquirebg.png");
+      background-size: 100% 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+
+      img {
+        width: 24px;
+        margin-right: 5px;
+      }
+
+      span {
+        font-size: 14px;
+        font-family: "Source Han Sans CN-Regular";
+        font-weight: 400;
+        color: #ffffff;
+        line-height: 20px;
+      }
+    }
+
+    .reset {
+      background-image: url("../../../../../../assets/images/resetbg.png");
+      margin: 0 20px;
+    }
+  }
+}
+.dituziti{
+  font-size: 16px;
+}
+#gjMap {
+  width: 700px;
+  height: 400px;
+} 
+</style>
\ No newline at end of file
diff --git a/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/index.js b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/index.js
index a1eb343..b4ce347 100644
--- a/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/index.js
+++ b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/index.js
@@ -1,4 +1,5 @@
 export { default as tabOne } from './tabOne'
 export { default as tabTwo } from './tabTwo'
 export { default as tabThree } from './tabThree'
-export { default as tabFour } from './tabFour'
\ No newline at end of file
+export { default as tabFour } from './tabFour'
+export { default as cheliangguiji } from './cheliangguiji'
\ No newline at end of file
diff --git a/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/cheliangguiji.vue b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/cheliangguiji.vue
new file mode 100644
index 0000000..903e396
--- /dev/null
+++ b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/cheliangguiji.vue
@@ -0,0 +1,244 @@
+<template>
+  <div class="three-box">
+    <el-row class="row-one">
+      <div class="search">
+        <div class="content">
+          时间范围：
+          <div class="time-query">
+            <div class="interval-select">
+              <div class="star-time">
+                <el-time-picker v-model="queryTime.fromTime" align="right" :clearable="false" format="HH:mm:ss"
+                  value-format="HH:mm:ss" placeholder="开始时间">
+                </el-time-picker>
+              </div>
+              <div class="symbol">~</div>
+              <div class="end-time">
+                <el-time-picker v-model="queryTime.toTime" align="right" :clearable="false" format="HH:mm:ss"
+                  value-format="HH:mm:ss" placeholder="结束时间">
+                </el-time-picker>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="searchBtn">
+        <el-button type="primary" size="mini" icon="el-icon-search" @click="searchList">查询</el-button>
+        <el-button size="mini" icon="el-icon-refresh-left" @click="resetTwo">重置</el-button>
+      </div>
+    </el-row>
+    <el-row style="margin-top: 20px;">
+      <div style="display: flex;">
+        <div class="dituziti">轨迹地图：</div>
+        <div id="gjMap">
+          <el-amap
+            ref="map"
+            map-style="amap://styles/normal"
+            :center="center"
+            :zoom="zoom"
+            :zooms="zooms"
+            v-loading="mapLoading"
+            @init="init"
+            :extra-options="{ vectorMapForeign: 'style_zh_cn' }"
+            class="amap-demo"
+          ></el-amap>
+        </div>
+      </div>
+    </el-row>
+  </div>
+</template>
+<script>
+import changshazhen from "@/assets/mapjson/Chaangshazhen/changshazhen.geojson"
+import line from "@/assets/mapjson/Chaangshazhen/line.geojson"
+export default {
+  name:"tabThree",
+  data() {
+    return {
+      activities: [],
+      loading: false,
+      queryTime: {
+        fromTime: "",
+        toTime: ""
+      },
+      zoom: 12,
+      zooms:[10,16],
+      center: [121.298563, 32.451807],
+      mapLoading:false,
+      map:null,
+      layers:{
+        layer:null,
+      },
+    }
+  },
+  mounted() {
+  },
+  methods:{
+    // 查询
+    searchList() {
+      console.log(this.queryTime);
+    },
+    // 重置
+    resetTwo() {
+      this.queryTime = {
+        fromTime:"",
+        toTime:""
+      }
+    },
+    getList() {
+    },
+    // 地图初始化
+    init(map){
+      // console.log(map);
+      this.map = map;
+      map.setMapStyle("amap://styles/normal");
+      this.layers.layer = new AMap.OverlayGroup();
+      this.$nextTick(() => {
+        var geojson1 = new AMap.Polygon({
+          path:changshazhen.features[0].geometry.coordinates[0][0],
+          strokeColor: '#00C5EC', 
+          fillColor: '#00C5EC',
+          fillOpacity: 0.2,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var geojson2 = new AMap.Polygon({
+          path:changshazhen.features[1].geometry.coordinates[0][0],
+          strokeColor: '#00C5EC', 
+          fillColor: '#00C5EC',
+          fillOpacity: 0.2,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var showLine = new AMap.Polyline({
+          path: line.features[0].geometry.coordinates,
+          strokeWeight: 6,
+          strokeColor: '#00C5EC',
+          strokeOpacity: 1,
+          // 开启箭头
+          // showDir: true,
+        })
+        this.layers.layer.addOverlay(geojson1);
+        this.layers.layer.addOverlay(geojson2);
+        this.layers.layer.addOverlay(showLine);
+        this.map.add(this.layers.layer);
+        map.setFitView();
+      })
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.three-box {
+  padding: 10px 20px;
+
+  .row-one {
+    display: flex;
+    align-items: center;
+  }
+
+  .content {
+    display: flex;
+    align-items: center;
+    font-size: 16px;
+    font-weight: 500;
+    // line-height: 20px;
+    margin-right: 40px;
+
+    .time-query {
+      height: 30px;
+      background-size: 100% 100%;
+
+      .interval-select {
+        display: flex;
+        align-items: center;
+
+        ::v-deep .el-input__prefix {
+          display: none;
+        }
+
+        .star-time,
+        .end-time {
+          position: relative;
+
+          .data_icon {
+            position: absolute;
+            right: 5px;
+            top: 8px;
+            width: 20px;
+          }
+
+          ::v-deep .el-date-editor {
+            // background-color: transparent;
+            width: 150px;
+
+            .el-input__inner {
+              // background-color: transparent;
+              // border: none;
+              width: 100%;
+              height: 30px;
+              font-size: 14px;
+              font-weight: 500;
+              text-align: center;
+            }
+
+            // .el-input__inner::placeholder {
+            //   /* 在这里添加你想要修改的 placeholder 样式 */
+            //   font-size: 14px;
+            //   font-family: "Source Han Sans CN-Regular";
+            //   font-weight: 400;
+            //   color: #d3eef2;
+            //   -webkit-background-clip: text;
+            //   -webkit-text-fill-color: rgba(211, 238, 242, 0.2);
+            // }
+          }
+        }
+
+        .symbol {
+          width: 14px;
+          // height: 6px;
+          line-height: 15px;
+          margin: 0 5px;
+          background-size: 100% 100%;
+        }
+      }
+    }
+
+    .btns {
+      width: 92px;
+      height: 35px;
+      background-image: url("../../../../../../assets/images/inquirebg.png");
+      background-size: 100% 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+
+      img {
+        width: 24px;
+        margin-right: 5px;
+      }
+
+      span {
+        font-size: 14px;
+        font-family: "Source Han Sans CN-Regular";
+        font-weight: 400;
+        color: #ffffff;
+        line-height: 20px;
+      }
+    }
+
+    .reset {
+      background-image: url("../../../../../../assets/images/resetbg.png");
+      margin: 0 20px;
+    }
+  }
+}
+.dituziti{
+  font-size: 16px;
+}
+#gjMap {
+  width: 700px;
+  height: 400px;
+} 
+</style>
\ No newline at end of file
diff --git a/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/index.vue b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/index.vue
index 3d02fa5..68cb640 100644
--- a/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/index.vue
+++ b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/index.vue
@@ -1,244 +1,45 @@
 <template>
-  <div class="three-box">
-    <el-row class="row-one">
-      <div class="search">
-        <div class="content">
-          时间范围：
-          <div class="time-query">
-            <div class="interval-select">
-              <div class="star-time">
-                <el-time-picker v-model="queryTime.fromTime" align="right" :clearable="false" format="HH:mm:ss"
-                  value-format="HH:mm:ss" placeholder="开始时间">
-                </el-time-picker>
-              </div>
-              <div class="symbol">~</div>
-              <div class="end-time">
-                <el-time-picker v-model="queryTime.toTime" align="right" :clearable="false" format="HH:mm:ss"
-                  value-format="HH:mm:ss" placeholder="结束时间">
-                </el-time-picker>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="searchBtn">
-        <el-button type="primary" size="mini" icon="el-icon-search" @click="searchList">查询</el-button>
-        <el-button size="mini" icon="el-icon-refresh-left" @click="resetTwo">重置</el-button>
-      </div>
-    </el-row>
-    <el-row style="margin-top: 20px;">
-      <div style="display: flex;">
-        <div class="dituziti">轨迹地图：</div>
-        <div id="gjMap">
-          <el-amap
-            ref="map"
-            map-style="amap://styles/normal"
-            :center="center"
-            :zoom="zoom"
-            :zooms="zooms"
-            v-loading="mapLoading"
-            @init="init"
-            :extra-options="{ vectorMapForeign: 'style_zh_cn' }"
-            class="amap-demo"
-          ></el-amap>
-        </div>
-      </div>
-    </el-row>
+  <div class="tabThreebox">
+    <el-tabs v-model="activeName" tabPosition="left" @tab-click="handleClick" style="color: #edeef0">
+      <el-tab-pane label="车辆轨迹" name="first" />
+      <el-tab-pane label="人员轨迹" name="second" />
+    </el-tabs>
+    <div class="bottom-box-component">
+      <tabThree v-if="activeName == 'first'"></tabThree>
+      <cheliangguiji v-if="activeName == 'second'"></cheliangguiji>
+    </div>
   </div>
 </template>
+
 <script>
-import changshazhen from "@/assets/mapjson/Chaangshazhen/changshazhen.geojson"
-import line from "@/assets/mapjson/Chaangshazhen/line.geojson"
+import tabThree from './tabThree.vue'
+import cheliangguiji from './cheliangguiji.vue'
 export default {
-  name:"tabThree",
+  name: '',
+  components: { tabThree, cheliangguiji },
   data() {
     return {
-      activities: [],
-      loading: false,
-      queryTime: {
-        fromTime: "",
-        toTime: ""
-      },
-      zoom: 12,
-      zooms:[10,16],
-      center: [121.298563, 32.451807],
-      mapLoading:false,
-      map:null,
-      layers:{
-        layer:null,
-      },
+      activeName: "first",
+
     }
   },
-  mounted() {
-  },
-  methods:{
-    // 查询
-    searchList() {
-      console.log(this.queryTime);
-    },
-    // 重置
-    resetTwo() {
-      this.queryTime = {
-        fromTime:"",
-        toTime:""
+  created() { },
+  mounted() { },
+  methods: {
+    handleClick(e) {
+      if (this.activeName == "first") {
+      } else if (this.activeName == "second") {
+      } else if (this.activeName == "third") {
+      } else if (this.activeName == "four") {
       }
     },
-    getList() {
-    },
-    // 地图初始化
-    init(map){
-      // console.log(map);
-      this.map = map;
-      map.setMapStyle("amap://styles/normal");
-      this.layers.layer = new AMap.OverlayGroup();
-      this.$nextTick(() => {
-        var geojson1 = new AMap.Polygon({
-          path:changshazhen.features[0].geometry.coordinates[0][0],
-          strokeColor: '#F44444', 
-          fillColor: '#F44444',
-          fillOpacity: 0.2,
-          // fillOpacity: 0.3,
-          editable:false,
-          visible:true,
-        })
-        var geojson2 = new AMap.Polygon({
-          path:changshazhen.features[1].geometry.coordinates[0][0],
-          strokeColor: '#F44444', 
-          fillColor: '#F44444',
-          fillOpacity: 0.2,
-          // fillOpacity: 0.3,
-          editable:false,
-          visible:true,
-        })
-        var showLine = new AMap.Polyline({
-          path: line.features[0].geometry.coordinates,
-          strokeWeight: 6,
-          strokeColor: '#F44444',
-          strokeOpacity: 1,
-          // 开启箭头
-          // showDir: true,
-        })
-        this.layers.layer.addOverlay(geojson1);
-        this.layers.layer.addOverlay(geojson2);
-        this.layers.layer.addOverlay(showLine);
-        this.map.add(this.layers.layer);
-        map.setFitView();
-      })
-    },
   },
+  computed: {}
 }
 </script>
-<style lang="scss" scoped>
-.three-box {
-  padding: 10px 20px;
-
-  .row-one {
-    display: flex;
-    align-items: center;
-  }
-
-  .content {
-    display: flex;
-    align-items: center;
-    font-size: 16px;
-    font-weight: 500;
-    // line-height: 20px;
-    margin-right: 40px;
-
-    .time-query {
-      height: 30px;
-      background-size: 100% 100%;
-
-      .interval-select {
-        display: flex;
-        align-items: center;
-
-        ::v-deep .el-input__prefix {
-          display: none;
-        }
-
-        .star-time,
-        .end-time {
-          position: relative;
-
-          .data_icon {
-            position: absolute;
-            right: 5px;
-            top: 8px;
-            width: 20px;
-          }
-
-          ::v-deep .el-date-editor {
-            // background-color: transparent;
-            width: 150px;
-
-            .el-input__inner {
-              // background-color: transparent;
-              // border: none;
-              width: 100%;
-              height: 30px;
-              font-size: 14px;
-              font-weight: 500;
-              text-align: center;
-            }
-
-            // .el-input__inner::placeholder {
-            //   /* 在这里添加你想要修改的 placeholder 样式 */
-            //   font-size: 14px;
-            //   font-family: "Source Han Sans CN-Regular";
-            //   font-weight: 400;
-            //   color: #d3eef2;
-            //   -webkit-background-clip: text;
-            //   -webkit-text-fill-color: rgba(211, 238, 242, 0.2);
-            // }
-          }
-        }
-
-        .symbol {
-          width: 14px;
-          // height: 6px;
-          line-height: 15px;
-          margin: 0 5px;
-          background-size: 100% 100%;
-        }
-      }
-    }
-
-    .btns {
-      width: 92px;
-      height: 35px;
-      background-image: url("../../../../../../assets/images/inquirebg.png");
-      background-size: 100% 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-
-      img {
-        width: 24px;
-        margin-right: 5px;
-      }
-
-      span {
-        font-size: 14px;
-        font-family: "Source Han Sans CN-Regular";
-        font-weight: 400;
-        color: #ffffff;
-        line-height: 20px;
-      }
-    }
-
-    .reset {
-      background-image: url("../../../../../../assets/images/resetbg.png");
-      margin: 0 20px;
-    }
-  }
-}
-.dituziti{
-  font-size: 16px;
+<style scoped lang='scss'>
+.tabThreebox{
+  display: flex;
+  // padding-left: 230px;
 }
-#gjMap {
-  width: 700px;
-  height: 400px;
-} 
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/tabThree.vue b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/tabThree.vue
new file mode 100644
index 0000000..3d02fa5
--- /dev/null
+++ b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/components/tabThree/tabThree.vue
@@ -0,0 +1,244 @@
+<template>
+  <div class="three-box">
+    <el-row class="row-one">
+      <div class="search">
+        <div class="content">
+          时间范围：
+          <div class="time-query">
+            <div class="interval-select">
+              <div class="star-time">
+                <el-time-picker v-model="queryTime.fromTime" align="right" :clearable="false" format="HH:mm:ss"
+                  value-format="HH:mm:ss" placeholder="开始时间">
+                </el-time-picker>
+              </div>
+              <div class="symbol">~</div>
+              <div class="end-time">
+                <el-time-picker v-model="queryTime.toTime" align="right" :clearable="false" format="HH:mm:ss"
+                  value-format="HH:mm:ss" placeholder="结束时间">
+                </el-time-picker>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="searchBtn">
+        <el-button type="primary" size="mini" icon="el-icon-search" @click="searchList">查询</el-button>
+        <el-button size="mini" icon="el-icon-refresh-left" @click="resetTwo">重置</el-button>
+      </div>
+    </el-row>
+    <el-row style="margin-top: 20px;">
+      <div style="display: flex;">
+        <div class="dituziti">轨迹地图：</div>
+        <div id="gjMap">
+          <el-amap
+            ref="map"
+            map-style="amap://styles/normal"
+            :center="center"
+            :zoom="zoom"
+            :zooms="zooms"
+            v-loading="mapLoading"
+            @init="init"
+            :extra-options="{ vectorMapForeign: 'style_zh_cn' }"
+            class="amap-demo"
+          ></el-amap>
+        </div>
+      </div>
+    </el-row>
+  </div>
+</template>
+<script>
+import changshazhen from "@/assets/mapjson/Chaangshazhen/changshazhen.geojson"
+import line from "@/assets/mapjson/Chaangshazhen/line.geojson"
+export default {
+  name:"tabThree",
+  data() {
+    return {
+      activities: [],
+      loading: false,
+      queryTime: {
+        fromTime: "",
+        toTime: ""
+      },
+      zoom: 12,
+      zooms:[10,16],
+      center: [121.298563, 32.451807],
+      mapLoading:false,
+      map:null,
+      layers:{
+        layer:null,
+      },
+    }
+  },
+  mounted() {
+  },
+  methods:{
+    // 查询
+    searchList() {
+      console.log(this.queryTime);
+    },
+    // 重置
+    resetTwo() {
+      this.queryTime = {
+        fromTime:"",
+        toTime:""
+      }
+    },
+    getList() {
+    },
+    // 地图初始化
+    init(map){
+      // console.log(map);
+      this.map = map;
+      map.setMapStyle("amap://styles/normal");
+      this.layers.layer = new AMap.OverlayGroup();
+      this.$nextTick(() => {
+        var geojson1 = new AMap.Polygon({
+          path:changshazhen.features[0].geometry.coordinates[0][0],
+          strokeColor: '#F44444', 
+          fillColor: '#F44444',
+          fillOpacity: 0.2,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var geojson2 = new AMap.Polygon({
+          path:changshazhen.features[1].geometry.coordinates[0][0],
+          strokeColor: '#F44444', 
+          fillColor: '#F44444',
+          fillOpacity: 0.2,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var showLine = new AMap.Polyline({
+          path: line.features[0].geometry.coordinates,
+          strokeWeight: 6,
+          strokeColor: '#F44444',
+          strokeOpacity: 1,
+          // 开启箭头
+          // showDir: true,
+        })
+        this.layers.layer.addOverlay(geojson1);
+        this.layers.layer.addOverlay(geojson2);
+        this.layers.layer.addOverlay(showLine);
+        this.map.add(this.layers.layer);
+        map.setFitView();
+      })
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.three-box {
+  padding: 10px 20px;
+
+  .row-one {
+    display: flex;
+    align-items: center;
+  }
+
+  .content {
+    display: flex;
+    align-items: center;
+    font-size: 16px;
+    font-weight: 500;
+    // line-height: 20px;
+    margin-right: 40px;
+
+    .time-query {
+      height: 30px;
+      background-size: 100% 100%;
+
+      .interval-select {
+        display: flex;
+        align-items: center;
+
+        ::v-deep .el-input__prefix {
+          display: none;
+        }
+
+        .star-time,
+        .end-time {
+          position: relative;
+
+          .data_icon {
+            position: absolute;
+            right: 5px;
+            top: 8px;
+            width: 20px;
+          }
+
+          ::v-deep .el-date-editor {
+            // background-color: transparent;
+            width: 150px;
+
+            .el-input__inner {
+              // background-color: transparent;
+              // border: none;
+              width: 100%;
+              height: 30px;
+              font-size: 14px;
+              font-weight: 500;
+              text-align: center;
+            }
+
+            // .el-input__inner::placeholder {
+            //   /* 在这里添加你想要修改的 placeholder 样式 */
+            //   font-size: 14px;
+            //   font-family: "Source Han Sans CN-Regular";
+            //   font-weight: 400;
+            //   color: #d3eef2;
+            //   -webkit-background-clip: text;
+            //   -webkit-text-fill-color: rgba(211, 238, 242, 0.2);
+            // }
+          }
+        }
+
+        .symbol {
+          width: 14px;
+          // height: 6px;
+          line-height: 15px;
+          margin: 0 5px;
+          background-size: 100% 100%;
+        }
+      }
+    }
+
+    .btns {
+      width: 92px;
+      height: 35px;
+      background-image: url("../../../../../../assets/images/inquirebg.png");
+      background-size: 100% 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+
+      img {
+        width: 24px;
+        margin-right: 5px;
+      }
+
+      span {
+        font-size: 14px;
+        font-family: "Source Han Sans CN-Regular";
+        font-weight: 400;
+        color: #ffffff;
+        line-height: 20px;
+      }
+    }
+
+    .reset {
+      background-image: url("../../../../../../assets/images/resetbg.png");
+      margin: 0 20px;
+    }
+  }
+}
+.dituziti{
+  font-size: 16px;
+}
+#gjMap {
+  width: 700px;
+  height: 400px;
+} 
+</style>
\ No newline at end of file
diff --git a/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/index.vue b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/index.vue
index 3560324..c29aec0 100644
--- a/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/index.vue
+++ b/src/views/ZhongdianRen/Xinxiguanli/zhongdianxiangqing/index.vue
@@ -49,12 +49,14 @@
         <el-tab-pane label="详细信息" name="first" />
         <el-tab-pane label="人脸库" name="second" />
         <el-tab-pane label="轨迹回放" name="third" />
+        <!-- <el-tab-pane label="车辆轨迹" name="cheliangguiji" /> -->
         <el-tab-pane label="边界预警" name="four" />
       </el-tabs>
       <div class="bottom-box-component">
         <tab-one v-if="activeName == 'first'"></tab-one>
         <tab-two v-if="activeName == 'second'"></tab-two>
         <tab-three v-if="activeName == 'third'"></tab-three>
+        <!-- <cheliangguiji v-if="activeName == 'cheliangguiji'"></cheliangguiji> -->
         <tab-four v-if="activeName == 'four'"></tab-four>
       </div>
     </el-row>
@@ -62,7 +64,7 @@
 </template>
 
 <script>
-import { tabOne, tabTwo, tabThree, tabFour, tabFive, } from "./components"
+import { tabOne, tabTwo, tabThree, tabFour, tabFive,cheliangguiji } from "./components"
 export default {
   name: '',
   components: {
@@ -71,6 +73,7 @@ export default {
     tabThree,
     tabFour,
     tabFive,
+    cheliangguiji
   },
   data() {
     return {
diff --git a/src/views/components/Eldialog/index.vue b/src/views/components/Eldialog/index.vue
index 35b41bf..417bfb4 100644
--- a/src/views/components/Eldialog/index.vue
+++ b/src/views/components/Eldialog/index.vue
@@ -29,7 +29,6 @@
       :width="width"
       :style="heightStyle"
       append-to-body
-      
     >
       <template slot="title">
         <div class="closeClick">
diff --git a/src/views/components/Mapdialog/index.vue b/src/views/components/Mapdialog/index.vue
index 7b2eefa..c1d34fa 100644
--- a/src/views/components/Mapdialog/index.vue
+++ b/src/views/components/Mapdialog/index.vue
@@ -185,7 +185,7 @@ export default {
             } else {
                 this.queryTime.fromTime = this.getCurrentTime();
                 this.queryTime.toTime = this.getCurrentTime(1);
-                this.title = "重点人员行程轨迹";
+                this.title = "重点车辆行程轨迹";
                 this.person = false;
             }
             this.$refs.dialog.open("1");
diff --git a/src/views/components/Mapdialogteshucheliang/index.vue b/src/views/components/Mapdialogteshucheliang/index.vue
new file mode 100644
index 0000000..1e4bb6a
--- /dev/null
+++ b/src/views/components/Mapdialogteshucheliang/index.vue
@@ -0,0 +1,543 @@
+<template>
+    <dia-log ref="dialog" width="45%" :title="title" :type="1">
+        <div class="personage-track">
+            <div class="track-title">
+                <div class="titlebg"></div>
+                <span class="name">特殊车辆</span>
+                <span>苏E1254</span>
+            </div>
+            <div class="track-content">
+                <div class="oneList">
+                    <div class="item" :class="person ? 'item-left' : 'car-item'" v-if="person">
+                        <div class="ball"></div>
+                        <div class="content">
+                            <!-- {{ person ? "人员编号：" : "车辆编号："}} -->
+                            联系方式：
+                            <!-- <span>{{ person ? personItem.userId : "201128881111100" }}</span> -->
+                            <span>13611111111</span>
+                        </div>
+                    </div>
+                    <!-- <div class="item">
+                        <div class="ball"></div>
+                        <div class="content">
+                            住址:
+                            <span>临海村</span>
+                        </div>
+                    </div> -->
+                </div>
+                <div class="twoList">
+                    <div class="item">
+                        <div class="ball"></div>
+                        <div class="content">
+                            时间范围：
+                            <div class="time-query">
+                                <div class="interval-select">
+                                    <div class="star-time">
+                                        <el-date-picker v-model="queryTime.fromTime" type="datetime" align="right"
+                                            :clearable="false" format="yyyy-MM-dd HH:mm:ss"
+                                            value-format="yyyy-MM-dd HH:mm:ss" placeholder="开始时间">
+                                        </el-date-picker>
+                                    </div>
+                                    <div class="symbol"></div>
+                                    <div class="end-time">
+                                        <el-date-picker v-model="queryTime.toTime" type="datetime" align="right"
+                                            :clearable="false" format="yyyy-MM-dd HH:mm:ss"
+                                            value-format="yyyy-MM-dd HH:mm:ss" placeholder="结束时间">
+                                        </el-date-picker>
+                                        <img class="data_icon" src="@/assets/images/timeIcon.png" alt="" />
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="btns reset" @click="reset">
+                                <img src="@/assets/images/reset.png" alt="" />
+                                <span>重置</span>
+                            </div>
+                            <div class="btns" @click="query">
+                                <img src="@/assets/images/inquire.png" alt="" />
+                                <span>查询</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="threeList">
+                    <div class="item">
+                        <div class="item-top">
+                            <div class="ball"></div>
+                            <div class="contentTitle">轨迹地图：</div>
+                        </div>
+                        <div class="contentMap">
+                            <!-- <div id="personageTrackMap">
+                </div> -->
+                            <el-amap element-loading-background="rgba(16, 49, 92, 0.8)" ref="personMap"
+                                map-style="amap://styles/d02b66b0a7f190d5a1556a3f59c86518" :center="center" :zoom="zoom"
+                                :zooms="zooms" @init="init" view-mode="3D"
+                                :extra-options="{ vectorMapForeign: 'style_zh_cn' }" class="amap-person">
+                                <el-amap-polyline :editable="false" :visible="true" :draggable="false"
+                                    :path="roadline1.features[0].geometry.coordinates[0]" :zIndex="500"
+                                    strokeColor="red" isOutline lineCap="round" :strokeWeight="4" />
+
+                                <el-amap-geojson :geo="changshazhen" :polygon-options="polygonOptions"
+                                    :draggable="true" />
+                            </el-amap>
+                            <!-- <img src="@/assets/images/minMap.png" alt="" /> -->
+                        </div>
+                    </div>
+                </div>
+
+                <div class="guijitu">
+                    <div class="guijitu-item">
+                        <div class="yuan"></div>
+                        <div class="xian"></div>
+                        <img src="@/assets/images/jiankong.jpg" alt="">
+                        <div class="shijian">2024-09-13 09:30:00</div>
+                    </div>
+                    <div class="guijitu-item">
+                        <div class="yuan"></div>
+                        <div class="xian"></div>
+                        <img src="@/assets/images/jiankong.jpg" alt="">
+                        <div class="shijian">2024-09-13 09:30:00</div>
+                    </div>
+                    <div class="guijitu-item">
+                        <div class="yuan"></div>
+                        <div class="xian"></div>
+                        <img src="@/assets/images/jiankong.jpg" alt="">
+                        <div class="shijian">2024-09-13 09:30:00</div>
+                    </div>
+                    <div class="guijitu-item">
+                        <div class="yuan"></div>
+                        <div class="xian"></div>
+                        <img src="@/assets/images/jiankong.jpg" alt="">
+                        <div class="shijian">2024-09-13 09:30:00</div>
+                    </div>
+                    <div class="guijitu-item">
+                        <div class="yuan"></div>
+                        <div class="xian"></div>
+                        <img src="@/assets/images/jiankong.jpg" alt="">
+                        <div class="shijian">2024-09-13 09:30:00</div>
+                    </div>
+                    <div class="guijitu-item">
+                        <div class="yuan"></div>
+                        <div class="xian"></div>
+                        <img src="@/assets/images/jiankong.jpg" alt="">
+                        <div class="shijian">2024-09-13 09:30:00</div>
+                    </div>
+                    <div class="jiantou">
+                        <i class="el-icon-caret-right"></i>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </dia-log>
+</template>
+<script>
+import diaLog from "@/views/components/Eldialog/index.vue";
+import changshazhen from "@/assets/mapjson/Chaangshazhen/changshazhen.geojson"
+import roadline1 from "@/assets/mapjson/Chaangshazhen/myxiuanlu.geojson"
+
+export default {
+    components: { diaLog },
+    data() {
+        return {
+            title: "人员行程轨迹",
+            person: false,
+            personItem: null,
+            queryTime: {
+                fromTime: "",
+                toTime: "",
+            },
+            zoom: 11,
+            zooms: [3, 20],
+            center: [121.298563, 32.451807],
+            map: null,
+            polygonOptions: {
+                strokeColor: '#00C5EC',   // 线条颜色，使用16进制颜色代码赋值。默认值为#00D3FC
+                fillColor: 'rgba(64,175,255,0.4)'  // 多边形填充颜色，使用16进制颜色代码赋值，如：#00B2D5
+            },
+            polygonOptionsTwo: {
+                strokeColor: '#ffffff',   // 线条颜色，使用16进制颜色代码赋值。默认值为#00D3FC
+                fillColor: 'rgba(64,175,255,1)'  // 多边形填充颜色，使用16进制颜色代码赋值，如：#00B2D5
+            },
+            changshazhen: changshazhen,
+            roadline1: roadline1,
+            track: null,
+            layers: {
+                layer: null,
+            }
+        };
+    },
+    methods: {
+        init(map) {
+            this.map = map;
+            map.setMapStyle("amap://styles/d02b66b0a7f190d5a1556a3f59c86518");
+            this.layers.layer = new AMap.OverlayGroup();
+        },
+
+        open(person, item) {
+            // console.log(person)
+            // console.log(item);
+
+            if (person == "person") {
+                this.title = "重点人员行程轨迹";
+                this.person = true;
+                this.queryTime.fromTime = this.getCurrentTime();
+                this.queryTime.toTime = this.getCurrentTime(1);
+                this.query();
+            } else {
+                this.queryTime.fromTime = this.getCurrentTime();
+                this.queryTime.toTime = this.getCurrentTime(1);
+                this.title = "特殊车辆行程轨迹";
+                this.person = false;
+            }
+            this.$refs.dialog.open("1");
+            // this.$nextTick(()=>{
+            //   this.initMap();
+            // })
+        },
+        Close() {
+            this.$refs.dialog.Close();
+        },
+
+        // 时间重置
+        reset() {
+            // Object.keys(this.queryTime).forEach(key => { this.queryTime[key] = '' })
+            // if (this.map.getAllOverlays('polyline')) {
+            //     this.map.remove(this.map.getAllOverlays('polyline'));
+            // }
+            const mapInstance = this.$refs.personMap.$$getInstance();
+            // 调用 setFitView 方法居中和缩放地图以适应 GeoJSON 数据
+            mapInstance.setFitView();
+        },
+        // 查询
+        query() {
+
+        },
+        // 获取当前时间
+        getCurrentTime(id) {
+            // 获取当前时间
+            const now = new Date();
+
+            // 获取年月日时分秒
+            const year = now.getFullYear();
+            const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以加1，并且格式化为两位数
+            const day = String(now.getDate()).padStart(2, '0'); // 格式化为两位数
+            const hours = String(now.getHours()).padStart(2, '0');
+            const minutes = String(now.getMinutes()).padStart(2, '0');
+            const seconds = String(now.getSeconds()).padStart(2, '0');
+
+            // 格式化为字符串
+            const formattedDateTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+            const formattedTime = `${year}-${month}-${day} 00:00:00`;
+            if (id == 1) {
+                return formattedDateTime;
+            } else {
+                return formattedTime;
+            }
+        },
+    },
+};
+</script>
+<style lang="scss" scoped>
+
+.personage-track {
+    .track-title {
+        display: flex;
+        align-items: center;
+        position: relative;
+
+        .titlebg {
+            position: absolute;
+            left: -15px;
+            top: -18px;
+            width: 50px;
+            height: 50px;
+            background-image: url("~@/assets/images/personnel.png");
+            background-position: center;
+            background-size: 100% 100%;
+        }
+
+        span {
+            font-size: 14px;
+            font-family: "Source Han Sans CN-Medium";
+            font-weight: 500;
+            color: #e9f4ff;
+            line-height: 14px;
+        }
+
+        .name {
+            margin: 0 15px 0 30px;
+        }
+    }
+
+    .track-content {
+        margin-top: 15px;
+        padding-left: 20px;
+        display: grid;
+        grid-column: 1fr;
+        grid-row-gap: 15px;
+
+        .oneList {
+            display: flex;
+
+            .item {
+                display: flex;
+                align-items: center;
+
+                .ball {
+                    width: 4px;
+                    height: 4px;
+                    background: #daebff;
+                    box-shadow: 0px 0px 10px 5px rgba(0, 119, 255, 0.25),
+                        0px 0px 5px 0px rgba(229, 241, 255, 0.25);
+                    border-radius: 20px 20px 20px 20px;
+                    margin-right: 15px;
+                }
+
+                .content {
+                    font-size: 14px;
+                    font-family: "Source Han Sans CN-Medium";
+                    font-weight: 500;
+                    color: #cccccc;
+                    line-height: 20px;
+
+                    span {
+                        font-size: 14px;
+                        font-family: "Source Han Sans CN-Medium";
+                        font-weight: 500;
+                        color: #e9f4ff;
+                        line-height: 20px;
+                    }
+                }
+            }
+
+            .item-left {
+                margin-right: 150px;
+            }
+
+            .car-item {
+                margin-right: 80px;
+            }
+        }
+
+        .twoList {
+            .item {
+                display: flex;
+                align-items: center;
+
+                .ball {
+                    width: 4px;
+                    height: 4px;
+                    background: #daebff;
+                    box-shadow: 0px 0px 10px 5px rgba(0, 119, 255, 0.25),
+                        0px 0px 5px 0px rgba(229, 241, 255, 0.25);
+                    border-radius: 20px 20px 20px 20px;
+                    margin-right: 15px;
+                }
+
+                .content {
+                    display: flex;
+                    align-items: center;
+                    font-size: 14px;
+                    font-family: "Source Han Sans CN-Medium";
+                    font-weight: 500;
+                    color: #cccccc;
+                    line-height: 20px;
+
+                    .time-query {
+                        background-image: url("~@/assets/images/timebg.png");
+                        width: 440px;
+                        height: 35px;
+                        background-size: 100% 100%;
+
+                        .interval-select {
+                            display: flex;
+                            align-items: center;
+
+                            ::v-deep .el-input__prefix {
+                                display: none;
+                            }
+
+                            .star-time,
+                            .end-time {
+                                position: relative;
+
+                                .data_icon {
+                                    position: absolute;
+                                    right: 5px;
+                                    top: 8px;
+                                    width: 20px;
+                                }
+
+                                ::v-deep .el-date-editor {
+                                    background-color: transparent;
+                                    width: 210px;
+
+                                    .el-input__inner {
+                                        background-color: transparent;
+                                        border: none;
+                                        width: 100%;
+                                        height: 35px;
+                                        font-size: 14px;
+                                        font-family: "Source Han Sans CN-Medium";
+                                        font-weight: 500;
+                                        color: #e9f4ff;
+                                        padding-left: 15px;
+                                    }
+
+                                    .el-input__inner::placeholder {
+                                        /* 在这里添加你想要修改的 placeholder 样式 */
+                                        font-size: 14px;
+                                        font-family: "Source Han Sans CN-Regular";
+                                        font-weight: 400;
+                                        color: #d3eef2;
+                                        -webkit-background-clip: text;
+                                        -webkit-text-fill-color: rgba(211, 238, 242, 0.2);
+                                    }
+                                }
+                            }
+
+                            .symbol {
+                                width: 14px;
+                                height: 6px;
+                                background-image: url("~@/assets/images/routeTime.png");
+                                background-size: 100% 100%;
+                            }
+                        }
+                    }
+
+                    .btns {
+                        width: 92px;
+                        height: 35px;
+                        background-image: url("~@/assets/images/inquirebg.png");
+                        background-size: 100% 100%;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        cursor: pointer;
+
+                        img {
+                            width: 24px;
+                            margin-right: 5px;
+                        }
+
+                        span {
+                            font-size: 14px;
+                            font-family: "Source Han Sans CN-Regular";
+                            font-weight: 400;
+                            color: #ffffff;
+                            line-height: 20px;
+                        }
+                    }
+
+                    .reset {
+                        background-image: url("~@/assets/images/resetbg.png");
+                        margin: 0 20px;
+                    }
+                }
+            }
+        }
+
+        .threeList {
+            .item {
+                display: flex;
+                flex-direction: column;
+
+                .item-top {
+                    display: flex;
+                    align-items: center;
+
+                    .ball {
+                        width: 4px;
+                        height: 4px;
+                        background: #daebff;
+                        box-shadow: 0px 0px 10px 5px rgba(0, 119, 255, 0.25),
+                            0px 0px 5px 0px rgba(229, 241, 255, 0.25);
+                        border-radius: 20px 20px 20px 20px;
+                        margin-right: 15px;
+                    }
+
+                    .contentTitle {
+                        font-size: 14px;
+                        font-family: "Source Han Sans CN-Medium";
+                        font-weight: 500;
+                        color: #cccccc;
+                        line-height: 20px;
+                    }
+                }
+
+                .contentMap {
+                    padding: 15px 74px 0 14px;
+                    width: 100%;
+                    height: 350px;
+
+                    #personageTrackMap {
+                        width: 100%;
+                        height: 100%;
+                        background-color: #fff;
+                    }
+
+                    .amap-person {
+                        width: 100%;
+                        height: 100%;
+                    }
+
+                    // img {
+                    //   width: 100%;
+                    //   height: 100%;
+                    // }
+                }
+            }
+        }
+    }
+}
+
+.guijitu {
+    width: 90%;
+    overflow: auto;
+    display: flex;
+    color: #fff;
+    font-size: 14px;
+    font-family: "Source Han Sans CN-Medium";
+    position: relative;
+
+
+    .jiantou {
+        margin-top: 3px;
+        margin-left: -20px;
+        color: #ffffff;
+
+        .el-icon-caret-right {
+            font-size: 26px;
+        }
+    }
+
+    .guijitu-item {
+        display: flex;
+        /* 使用 Flexbox 布局 */
+        flex-direction: column;
+        /* 垂直排列 */
+        align-items: center;
+        /* 水平居中对齐 */
+        justify-content: center;
+        /* 垂直居中对齐 */
+        /* 设置高度以便居中 */
+        padding: 10px;
+        position: relative;
+
+        .yuan {
+            width: 15px;
+            height: 15px;
+            background: #fff;
+            border-radius: 50%;
+            margin-bottom: 10px;
+        }
+
+        .xian {
+            position: absolute;
+            top: 16px;
+            width: 100%;
+            height: 1px;
+            background-color: #fff;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/components/ZhanshiTubiao/index.vue b/src/views/components/ZhanshiTubiao/index.vue
index 9587e18..e454f19 100644
--- a/src/views/components/ZhanshiTubiao/index.vue
+++ b/src/views/components/ZhanshiTubiao/index.vue
@@ -14,58 +14,75 @@
                 <div class="ismytitle">
                     图层展示
                 </div>
-                <!-- <div class="list" @click="changeMap(1)">
-                    <div class="leftbg" :class="actionMap == 1 ? 'action-map' : ''">
+                <div class="list" @click="changeMap(1)">
+                    <div class="leftbg" :class="actionMap.includes(1) ? 'action-map' : ''">
                         <img src="@/assets/images/icon/renkouzonghui.png" alt="" />
                     </div>
-                    <div class="rightbg" v-show="actionMap == 1">
-                        <span>重点人员总汇</span>
+                    <div class="rightbg">
+                        <span>本地人口分布</span>
+                    </div>
+                </div>
+                <div class="list" @click="changeMap(3)">
+                    <div class="leftbg" :class="actionMap.includes(3) ? 'action-map' : ''">
+                        <img src="@/assets/images/icon/zhongdianren.png" alt="" />
+                    </div>
+                    <div class="rightbg">
+                        <span>外来人口分布</span>
                     </div>
-                </div> -->
+                </div>
                 <div class="list" @click="changeMap(2)">
-                    <div class="leftbg action-map" >
+                    <div class="leftbg" :class="actionMap.includes(2) ? 'action-map' : ''">
                         <img src="@/assets/images/icon/zhongdianren2.png" alt="" />
                     </div>
-                    <div class="rightbg" >
+                    <div class="rightbg">
                         <span>重点人员</span>
                     </div>
                 </div>
-                <!-- <div class="list" @click="changeMap(3)">
-                    <div class="leftbg" :class="actionMap == 3 ? 'action-map' : ''">
-                        <img src="@/assets/images/icon/zhongdianren.png" alt="" />
+                <div class="list" @click="changeMap(4)">
+                    <div class="leftbg" :class="actionMap.includes(4) ? 'action-map' : ''">
+                        <img src="@/assets/images/icon/genduofuwu.png" alt="" />
                     </div>
-                    <div class="rightbg" v-show="actionMap == 3">
-                        <span>外地重点人员</span>
+                    <div class="rightbg">
+                        <span>重点车辆</span>
                     </div>
-                </div> -->
+                </div>
+
             </div>
             <!--  -->
             <div v-show="showType == '重大活动保障'" class="zhongdahuodong">
                 <div class="ismytitle">
                     图例
                 </div>
-                <div class="list" >
-                    <div class="leftbg" :class="'action-map'">
+                <div class="list" @click="changeMap('车辆')">
+                    <div class="leftbg" :class="actionMap.includes('车辆') ? 'action-map' : ''">
                         <img src="@/assets/images/icon/dainbingshebei.png" alt="" />
                     </div>
                     <div class="rightbg">
-                        <span>单兵设备</span>
+                        <span> 车辆</span>
                     </div>
                 </div>
-                <div class="list" >
-                    <div class="leftbg" :class="'action-map'">
+                <div class="list" @click="changeMap('人员')">
+                    <div class="leftbg" :class="actionMap.includes('人员') ? 'action-map' : ''">
                         <img src="@/assets/images/icon/A-jianguanrenyuan.png" alt="" />
                     </div>
                     <div class="rightbg">
                         <span>人员</span>
                     </div>
                 </div>
-                <div class="list" >
-                    <div class="leftbg" :class="'action-map'">
+                <div class="list" @click="changeMap('设备')">
+                    <div class="leftbg" :class="actionMap.includes('设备') ? 'action-map' : ''">
                         <img src="@/assets/images/icon/genduofuwu.png" alt="" />
                     </div>
                     <div class="rightbg">
-                        <span>车辆</span>
+                        <span>单兵设备</span>
+                    </div>
+                </div>
+                <div class="list" @click="changeMap('视频监控')">
+                    <div class="leftbg" :class="actionMap.includes('视频监控') ? 'action-map' : ''">
+                        <img src="@/assets/images/icon/jiankong.png" alt="" />
+                    </div>
+                    <div class="rightbg">
+                        <span>视频监控</span>
                     </div>
                 </div>
             </div>
@@ -74,7 +91,7 @@
                 <div class="ismytitle">
                     图例
                 </div>
-                <div class="list" >
+                <div class="list">
                     <div class="leftbg" :class="'action-map'">
                         <img src="@/assets/images/icon/weurneji.png" alt="" />
                     </div>
@@ -82,7 +99,7 @@
                         <span>无人机</span>
                     </div>
                 </div>
-                <div class="list" >
+                <div class="list">
                     <div class="leftbg" :class="'action-map'">
                         <img src="@/assets/images/icon/xuncha.png" alt="" />
                     </div>
@@ -90,6 +107,7 @@
                         <span>巡查事件</span>
                     </div>
                 </div>
+               
             </div>
 
         </div>
@@ -108,7 +126,7 @@ export default {
             lawCar: false, // 执法车辆
             surveillanceVideo: false, // 监控视频 
             input: "", // 输入框的值
-            actionMap: 1, // 默认选中执法人员地图
+            actionMap: [1,'车辆','视频监控'], // 默认选中执法人员地图
             bgPingList: {
                 jianguanrenyaun: true
             }
@@ -126,8 +144,12 @@ export default {
     methods: {
 
         changeMap(id) {
-            this.actionMap = id;
-            this.$emit("markersradio", id);
+            if (this.actionMap.includes(id)) {
+                this.actionMap = this.actionMap.filter(item => item != id)
+            } else {
+                this.actionMap.push(id);
+            }
+            this.$emit("markersactionMap", this.actionMap);
 
         },
 
diff --git a/src/views/components/jingweidushuru/index.vue b/src/views/components/jingweidushuru/index.vue
new file mode 100644
index 0000000..1b1f6b8
--- /dev/null
+++ b/src/views/components/jingweidushuru/index.vue
@@ -0,0 +1,111 @@
+<template>
+  <div class="jingweidushuru">
+    <div class="twoList">
+      <div class="star-time">
+        <el-input v-model="lnglat.lng" placeholder="请输入经度">
+          <template slot="append">—</template>
+        </el-input>
+      </div>
+      <div class="end-time">
+        <el-input v-model="lnglat.lat" placeholder="请输入纬度">
+          <template slot="append" >
+            <div @click="queding">确定</div>
+          </template>
+        </el-input>
+      </div>
+    </div>
+
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  components: {},
+  data() {
+    return {
+      lnglat:{
+        lng:"",
+        lat:"",
+
+      }
+    }
+  },
+  created() { },
+  mounted() { },
+  methods: {
+    open(lng,lat){
+      this.lnglat.lng = lng 
+      this.lnglat.lat = lat 
+    },
+    queding(){
+      if(this.lnglat.lng && this.lnglat.lat){
+        this.$emit("addjingweidu",this.lnglat)
+
+      }
+    }
+  },
+  computed: {}
+}
+</script>
+<style scoped lang='scss'>
+.jingweidushuru {
+  width: 450px;
+  height: 40px;
+  position: absolute;
+  bottom: 35px;
+  left: 35%;
+  background-image: url("~@/assets/images/timebg.png");
+  background-size: 100% 100%;
+
+  ::v-deep .twoList {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    font-family: "Source Han Sans CN-Medium";
+    font-weight: 500;
+    color: #cccccc;
+
+    .el-input__inner {
+      background-color: transparent;
+      border: none;
+      width: 100%;
+      height: 40px;
+      font-size: 14px;
+      font-family: "Source Han Sans CN-Medium";
+      font-weight: 500;
+      color: #e9f4ff;
+      padding-left: 15px;
+    }
+
+    .el-input__inner::placeholder {
+      /* 在这里添加你想要修改的 placeholder 样式 */
+      font-size: 14px;
+      font-family: "Source Han Sans CN-Regular";
+      font-weight: 400;
+      color: #d3eef2;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: rgba(211, 238, 242, 1);
+    }
+
+    .el-input-group__append {
+      background-color: transparent;
+      border: none;
+      color: #ffffff;
+    }
+
+    .end-time {
+      .el-input-group__append {
+        background-color: transparent;
+        border: none;
+        color: #ffffff;
+        cursor: pointer;
+      }
+    }
+
+
+  }
+
+}
+</style>