From e5dbf62a24cb843cd4cd7d7d292e5d6ac7853730 Mon Sep 17 00:00:00 2001
From: TiaStars <L18864257234@163.com>
Date: Tue, 2 Jan 2024 09:56:28 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=EF=BC=8Cui=E6=9B=B4=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |   4 +-
 public/favicon.ico                            | Bin 5663 -> 2553 bytes
 src/api/bigScreenApi/eventApi.js              |  18 +
 src/api/bigScreenApi/index.js                 |  33 +-
 src/assets/images/bgtongyong.png              | Bin 1050 -> 2629 bytes
 src/assets/images/bgtongyong1.png             | Bin 0 -> 1050 bytes
 src/assets/images/icon/offLine1.png           | Bin 0 -> 4496 bytes
 src/assets/images/icon/offLine2.png           | Bin 0 -> 4584 bytes
 src/assets/images/icon/offLine3.png           | Bin 0 -> 4714 bytes
 src/assets/images/icon/offLine4.png           | Bin 0 -> 4492 bytes
 src/assets/images/icon/沿街商铺-离线@2x.png   | Bin 0 -> 4554 bytes
 src/assets/images/icon/重点事件-离线@2x.png   | Bin 0 -> 4182 bytes
 src/assets/images/矩形 987@2x(2).png          | Bin 0 -> 2629 bytes
 src/assets/images/矩形 987@2x.png             | Bin 0 -> 3169 bytes
 src/assets/styles/leaflet.scss                |   3 +-
 src/main.js                                   |   6 +-
 src/utils/mapJson/point.json                  |  12 +-
 src/utils/mapJson/开发区空港开发区GJ02.json   | 285 ++++++++++
 src/utils/mapJson/开发区软件园GJ02.json       |   8 +
 .../bigScreen/components/mapLeftContent.vue   |  17 +-
 src/views/bigScreen/index.vue                 |  78 ++-
 src/views/bigScreen/map/index.vue             | 526 +++++++++++++-----
 src/views/components/mapLeftNumber/index.vue  |   5 +-
 src/views/components/personagetrack/index.vue | 166 +++++-
 src/views/components/video/index.vue          |   8 +-
 25 files changed, 1005 insertions(+), 164 deletions(-)
 create mode 100644 src/assets/images/bgtongyong1.png
 create mode 100644 src/assets/images/icon/offLine1.png
 create mode 100644 src/assets/images/icon/offLine2.png
 create mode 100644 src/assets/images/icon/offLine3.png
 create mode 100644 src/assets/images/icon/offLine4.png
 create mode 100644 src/assets/images/icon/沿街商铺-离线@2x.png
 create mode 100644 src/assets/images/icon/重点事件-离线@2x.png
 create mode 100644 src/assets/images/矩形 987@2x(2).png
 create mode 100644 src/assets/images/矩形 987@2x.png
 create mode 100644 src/utils/mapJson/开发区空港开发区GJ02.json
 create mode 100644 src/utils/mapJson/开发区软件园GJ02.json

diff --git a/.env.development b/.env.development
index f30d669..8a8802d 100644
--- a/.env.development
+++ b/.env.development
@@ -2,7 +2,7 @@
  # @Author: 张涛
  # @Date: 2023-11-09 18:29:41
  # @LastEditors: JC9527
- # @LastEditTime: 2023-12-26 21:39:38
+ # @LastEditTime: 2023-12-28 19:43:38
  # @FilePath: \JiangningUrbanManagePc\.env.development
 ### 
 # 页面标题
@@ -15,7 +15,7 @@ ENV = 'development'
 # /dev-api
 VUE_APP_BASE_API = 'http://39.101.188.84:9037'
 VUE_APP_BASE_API1 = 'https://t-kd-process-server.jsszkd.com'
-# VUE_APP_BASE_API = 'http://192.168.0.107:9037'
+# VUE_APP_BASE_API = 'http://192.168.1.142:9037'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true
diff --git a/public/favicon.ico b/public/favicon.ico
index e26376026420542212ed58d90d0ed34f554fa4ae..6faba9bbdbc0ee3455b72f68bb61b864bd938b19 100644
GIT binary patch
literal 2553
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
P00000NkvXXu0mjfnS0=e

literal 5663
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

diff --git a/src/api/bigScreenApi/eventApi.js b/src/api/bigScreenApi/eventApi.js
index 9f4444c..aae2516 100644
--- a/src/api/bigScreenApi/eventApi.js
+++ b/src/api/bigScreenApi/eventApi.js
@@ -7,4 +7,22 @@ export function getDeviceList(params) {
     method:'get',
     params
   })
+}
+
+// 事件列表查询
+export function getQueryViewListPage(data) {
+  return request({
+    url: "/api/eform/engine/viewEngine/queryViewListPage",
+    method:'post',
+    data
+  })
+}
+
+// 自动提交事件---保存事件数据
+export function eventSaveData(data) {
+  return request({
+    url: "/api/eform/engine/formEngine/saveData",
+    method:'post',
+    data
+  })
 }
\ No newline at end of file
diff --git a/src/api/bigScreenApi/index.js b/src/api/bigScreenApi/index.js
index 7c4dad3..e612d66 100644
--- a/src/api/bigScreenApi/index.js
+++ b/src/api/bigScreenApi/index.js
@@ -4,7 +4,8 @@ import request from "@/utils/request"
  * 人员
  */
 
-// 监控视频
+// 监控视频video/PageEq
+// 强制观摩
 export function videoSurveillance(data) {
   return request({
     url: "/jn/dockingEq/videoSurveillance",
@@ -12,6 +13,22 @@ export function videoSurveillance(data) {
     data
   })
 }
+// 获取视频点位
+export function getVideoPageEq(params) {
+  return request({
+    url: "/jn/video/PageEq",
+    method:'get',
+    params
+  })
+}
+// 获取流URL
+export function getPreviewURLs(params) {
+  return request({
+    url: "/jn/video/previewURLs",
+    method:'get',
+    params
+  })
+}
 
 // 终端设备坐标采集、在线状态接口
 export function getDeviceList(params) {
@@ -65,4 +82,18 @@ export function fence(params){
     method:'get',
     params
   })
+}
+
+
+/**
+ * 车辆管理
+ */
+
+// 查询车辆管理列表
+export function getCarManageList(params) {
+  return request({
+    url: "/jn/carManage/list",
+    method:'get',
+    params
+  })
 }
\ No newline at end of file
diff --git a/src/assets/images/bgtongyong.png b/src/assets/images/bgtongyong.png
index 42a96f435171a1028693b963d026412c8dc8d6f8..a41d8ceacdd2296f22109e424c585e49d94112ca 100644
GIT binary patch
literal 2629
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

literal 1050
zcmV+#1m*jQP)<h;3K|Lk000e1NJLTq007<q001Tk1^@s6tEMHx00001b5ch_0Itp)
z=>Px&)Ja4^RCr$P-A!*AR}==|_uLs6z5*EI5IeAGQ>RL{U3F3QV?`EO<Ttd-s#5EH
z)c&ZjYJ)8$m7=7JN{$*g?V=`jh{+fT3=GWNTiI3BU8rKqS7KgR&m5iSoL8{ASMF?2
zZ?B5n%@~tb&~pcf1kf-rA~4{G0u*>B0b?L1UjwKZa5YqFA~N%h`Ch)-37`BmnfcEr
zla3S3$4Z+}OgxuZYZzlh6vOvU?0hK60>)^8h!{sHBTh;y@nScXzn0C`8`)GvzTTPs
z+VY2wpZ5p*2xmitVSs2pLlnh;)=9==?-V$jfKqT>2W~12&&$C}7q68|jb^3zk$lr0
z|I+I9AMW*z|HSCc5Yu3c$#jM&j$q~n+VB_eZ2EjUi2_Olk`lO%i)<#1OfHYYrQ&9F
z<-KOL{IPu74j$d>_I7^jzWM{hK_A1>7{Mq+7{-WV4bco<5*LR(pH0B1lh7%6o`YP$
zL$Q!Yu~h!BcKQ8VwdyDGT|4->b#T;vdU*Id{MQ2v`Xh{nAx4uJI?{->fnxa1HU&PN
zC;_bmjuI$Wp^$Y@D0(QB3#hD?Zmh3=(A-%2RJPi|!+S4Y-hbLT*n{u)(ep<b_%p=Q
z2w|iV%@bwDW+`wk0&WWMTm>iNqEtzvS}CAXDc`7XY~H$h<ulpZ4j#1j5AN^2IDCeq
zZXd6Y$9OZGA{fUA=NfUyznbSV3BDvz0*)u}QVO}egG<E>R#);^tCeqFUBBLJZ2TL%
zmp|=xI?wQ`*GKPYjKNWeX%w9XFPbuViP{)8doBWQ=AYnYTo<J^57o6iE?3Jp>-Fo+
z#+A=yYkT~l)#?7YyWiP64W8c}VQ?HGn8gSKjVNaD&SesONumT?N8sfYa%l&p6%UnK
z;WT)S`ew6U`+~ts)Hbl$3lm`QE{vLmDDa;EgU4;4fCT{t&jLD2Qh>qZ4p6{?0E1@%
zoh2#2;Bf~iU_pSvvw+T$6kzbU0~D|zz~EUxXGsb$c-#RBSP)?FETFR_1sFW;00k@v
zFnAWwS&{+_9(RBO76ceP3+OCK0S1pdKmiK^44wsamZSiK#~q-61%buEJ2_>HhaFiM
z4NESwz~aM>c)Z^-&!4?n5?FY=9}l#(G#Qp%YJo)u+VTkZr5-<<vmx+*j&SFtB{n9*
znoBRR=+Y8i)3x*~zy@syEV`zP7gO4p3Tq}q;4K$Zez_Aq+2>Wv$=CySd0_%?zlu3s
zkvrSd+ZB<!S!2=)dhP&`02&5H1iUxl!bZhH%O+q9<m77r6$7q@N=-yU-<Ti%1`TRN
U(wHQZga7~l07*qoM6N<$f@eV7`v3p{

diff --git a/src/assets/images/bgtongyong1.png b/src/assets/images/bgtongyong1.png
new file mode 100644
index 0000000000000000000000000000000000000000..42a96f435171a1028693b963d026412c8dc8d6f8
GIT binary patch
literal 1050
zcmV+#1m*jQP)<h;3K|Lk000e1NJLTq007<q001Tk1^@s6tEMHx00001b5ch_0Itp)
z=>Px&)Ja4^RCr$P-A!*AR}==|_uLs6z5*EI5IeAGQ>RL{U3F3QV?`EO<Ttd-s#5EH
z)c&ZjYJ)8$m7=7JN{$*g?V=`jh{+fT3=GWNTiI3BU8rKqS7KgR&m5iSoL8{ASMF?2
zZ?B5n%@~tb&~pcf1kf-rA~4{G0u*>B0b?L1UjwKZa5YqFA~N%h`Ch)-37`BmnfcEr
zla3S3$4Z+}OgxuZYZzlh6vOvU?0hK60>)^8h!{sHBTh;y@nScXzn0C`8`)GvzTTPs
z+VY2wpZ5p*2xmitVSs2pLlnh;)=9==?-V$jfKqT>2W~12&&$C}7q68|jb^3zk$lr0
z|I+I9AMW*z|HSCc5Yu3c$#jM&j$q~n+VB_eZ2EjUi2_Olk`lO%i)<#1OfHYYrQ&9F
z<-KOL{IPu74j$d>_I7^jzWM{hK_A1>7{Mq+7{-WV4bco<5*LR(pH0B1lh7%6o`YP$
zL$Q!Yu~h!BcKQ8VwdyDGT|4->b#T;vdU*Id{MQ2v`Xh{nAx4uJI?{->fnxa1HU&PN
zC;_bmjuI$Wp^$Y@D0(QB3#hD?Zmh3=(A-%2RJPi|!+S4Y-hbLT*n{u)(ep<b_%p=Q
z2w|iV%@bwDW+`wk0&WWMTm>iNqEtzvS}CAXDc`7XY~H$h<ulpZ4j#1j5AN^2IDCeq
zZXd6Y$9OZGA{fUA=NfUyznbSV3BDvz0*)u}QVO}egG<E>R#);^tCeqFUBBLJZ2TL%
zmp|=xI?wQ`*GKPYjKNWeX%w9XFPbuViP{)8doBWQ=AYnYTo<J^57o6iE?3Jp>-Fo+
z#+A=yYkT~l)#?7YyWiP64W8c}VQ?HGn8gSKjVNaD&SesONumT?N8sfYa%l&p6%UnK
z;WT)S`ew6U`+~ts)Hbl$3lm`QE{vLmDDa;EgU4;4fCT{t&jLD2Qh>qZ4p6{?0E1@%
zoh2#2;Bf~iU_pSvvw+T$6kzbU0~D|zz~EUxXGsb$c-#RBSP)?FETFR_1sFW;00k@v
zFnAWwS&{+_9(RBO76ceP3+OCK0S1pdKmiK^44wsamZSiK#~q-61%buEJ2_>HhaFiM
z4NESwz~aM>c)Z^-&!4?n5?FY=9}l#(G#Qp%YJo)u+VTkZr5-<<vmx+*j&SFtB{n9*
znoBRR=+Y8i)3x*~zy@syEV`zP7gO4p3Tq}q;4K$Zez_Aq+2>Wv$=CySd0_%?zlu3s
zkvrSd+ZB<!S!2=)dhP&`02&5H1iUxl!bZhH%O+q9<m77r6$7q@N=-yU-<Ti%1`TRN
U(wHQZga7~l07*qoM6N<$f@eV7`v3p{

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon/offLine1.png b/src/assets/images/icon/offLine1.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ef4cb854fd3eb2e7334df6f0d33d7040a9f9a6e
GIT binary patch
literal 4496
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
C2XY7i

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon/offLine2.png b/src/assets/images/icon/offLine2.png
new file mode 100644
index 0000000000000000000000000000000000000000..c0e00d2f4cd562ad8908c38ce2408c0c97ead71c
GIT binary patch
literal 4584
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
VnqaB}?bi*!*uY%B>^dU){{R%V&m8~&

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon/offLine3.png b/src/assets/images/icon/offLine3.png
new file mode 100644
index 0000000000000000000000000000000000000000..71c7b453d6eb4ce7a1af50f2186ac96219c526af
GIT binary patch
literal 4714
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
L26xMEBcA;a&c7Fb

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon/offLine4.png b/src/assets/images/icon/offLine4.png
new file mode 100644
index 0000000000000000000000000000000000000000..30c24915e1da897b4a03c5298c11d3d617c1f365
GIT binary patch
literal 4492
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
GCjSq5<4Gz2

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon/沿街商铺-离线@2x.png b/src/assets/images/icon/沿街商铺-离线@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..d231ce87e9fb9b221515827415faf737eb92bc38
GIT binary patch
literal 4554
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
ZGEV(GiW>W4#K#$cx{8i+sggy|{{XSof-wL9

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon/重点事件-离线@2x.png b/src/assets/images/icon/重点事件-离线@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a63fa2d01ba09b322e7285e18c6c043c1828340
GIT binary patch
literal 4182
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
MNZ(wKtb>dEA6iS{P5=M^

literal 0
HcmV?d00001

diff --git a/src/assets/images/矩形 987@2x(2).png b/src/assets/images/矩形 987@2x(2).png
new file mode 100644
index 0000000000000000000000000000000000000000..a41d8ceacdd2296f22109e424c585e49d94112ca
GIT binary patch
literal 2629
zcmds3`#;l*8{cO(wmD0iVeSmML?M@s!ekqATgnQtsS~0&WiG9mO*>9=Ni3Iiux@yT
zI3gXyl7yVht>qSu`@KfR5x)C=|BUYs&-4D_{dzsm`+2>d*ZX;RWG@#aLJa`|fsk&l
z1Rp7mOTz;uE6wz^2D%i0Xdjnjpr`LO=0PC%t{cJWRD96#J<kZe)5^(Xy|&!DD<N$)
z1JzT77uBlw5@R=IbUEeEBns`3dD{HI52FPlUB8fQ$J>GCxVyZ`n#*oxwpw#^XJOXy
zCle#ry*7_iLX2KCFpw&Po+sSw>lJ1fDPT~BqvOu_YTPRGTM23M%Kq-fcCnCwoZ6hp
zN}YDuDR9)sgYQAIre>lx?a$V#-R`e)%^Dac#!CKKzL)q1GoO`vlexOQoG{#4&&$49
zCy^|pMc3*Kv@cBAlv{Ghc5j_p`5Btv6mG2@xiXkHB>BCpEQ6m>ShTyI8!{PKPC1;g
zE!#|`$_yeTbt+e;^$OvB1U&DS@4oI(L%?7hT!ffqd4g2FOg&pktQ2!dnyYlXc>3zC
ztu4p3C2EJ^n8&jZ3}45DZS|(2F7|Y9rRf^_sio2h1I!|!F}>YI@h{afSK5*3Q>eg4
zC*h08>`K7uUgXO}(VK_Y<NhoiINi}B=AYF+($v@z_6>370NX>qD^lOI*QWwrz~#_A
zoXcKpZFCJ=7ZIKK-H-2~HwjI$qP;)>Hg;8SbWCOesqaD!j0Zw1&GUm8z^El)29}Mv
z4{sN~^>hW>T2ple1biSG@Dzr;lm9sEGW4<%?BMv$VDu>K8n1^gYdRyuc{p1u)wXq2
zVD2biRiNBu7vFz6k1iJYe^&zAaB|9Rl3yO^mD}>_nwop3;sEvv#io~V*jXw5nnp-f
zzku^_ch21;$~8I4_dzpgHnzs%s%R$lQ4tX_RFA3}a~@g@hy3_Qd^Wskk_S6{0x*CM
zkkZ_+i1_``3z+hi1LYEa!1_tRHe85z$W1!Ft_UB-ep9%uMGy4M)386{3sBF|Eo5ip
z4^Ef?H!`_@%f$T+E&Gx1d2qk0j;sCUojMCfm71ueD6Gz0V?9&rs5y}M#d<tGspl`4
zk+pz`S9jscFl=v#R0Sl5Vu8{~JoA^_*yPu7Jhr-~C_hU0Vx@#6j8%XA+M#!c^MUP6
z6dK%mdou0)!A5rV&S`{+%Rma}Xfq65dKgf&_;cbqS;h{qhF*4uU;sJSE&Ft~w>J~g
zm`9@*gAe!$10KS7Oa`f6{mc~!lZh6+FWI_Hr$@l3X*&9dCu{{dS2-fY3V4exa6>Sb
zPm=w5*@Iy%dCY*4;5psz!Afw9YS<aM1$f@Cu!HD&Sr7TJICJJl7rVI##J>c{*?(b1
z#-)EiYt=-(<au_d)8$mwn*ekUxKC)Z(%k77-829-BcUv1`frGHSpLY5^Bb6cB7Qz8
z8C;K9ABsD6D4m^^tUT-V_#6Mw{Z~#)+~2GBH>1iB_#g5HcVyEdS|KI05tNl5dfOBn
z3EPM!%M^}T1&>@4jgw>J(QS}NOy5xkGg6O+?wmCPmNmlq;*M3o*FKw<0!5|l*~wAk
zQi9`m3b!#we-f4+f1j!0{Hrr16W_Dl?;3_auGi-Es{Mpjf_%#WJ10p?*_x&!cq~x&
z%zIq9J93?K<iGVt7|a<QI9!J0(?iB5eEC3Z3h>MWd=TyS1TYHrQTGx83+#(>0$+fW
zh1IR`_Hcqe9?)x<s&EyU0*Es?*h)jrO^6YVkk_aLzhi(0-k~SI>hH}2LDOLTIvl53
z%K4pZEQH|D0yZjGLeVGZfS{)CX<|N}0LGZ(JU*pBI;GqN-WLY?rYjpv;&udN;{Cvw
zDpQLfZ!k*Q_@?=_{b(b1HaN$iZP85!2OzMheNn{!4^jA2K=(oRVg&6^P>y>uMYYO*
zGrN)#vu6r~-o6vsF|EDf3|7+9k#uA*r+B;N9ihllaf~%Pq_2`9KSwt|s-a`QB$F<i
z_0Z69w%t;L>S1noL~bU!*;2{;Bp}9(`R}+l7?fkLI~;&7-SIXpANYZWtDDds!fS>j
zk=j}~O^rOZ;a}}D&_>XVSjYr^skWpUgF}LvE&~PIPWn@E$H2ZgT4whH0ihWQ5Sx;7
zt9rmg)pl41jZ(HJkIi8>_>ePyH8Y+YDiLHwD!X4y<^Is+JVD*A>6?nK6`1i@Xy^^t
zi-M$jm=V}PNoq-&=jk@zP~>pDAC8)t^ppvqe=Q{0mu=5c2cByciCd$K{CC~f`D1~I
zC)R>g7LvN#aTQgSL8n>Mbfp^{O*3{6$193_$f$08`lt#EB|TeDx6a{Gm?pu2(|oIb
z>vQF@HJDTR=HCBvr<BY`f)8925JkkhJ3dx@y<!-r1;_mJGZ3K$5QP;|S^kQodck&K
zv7nnE{ORo^oHU!2^ggO>Z!bK?xYUYf1<khLJ{BkgKPQiSmE!<)=NJ7aqkU3YUc!7E
zT9O5q?xe8gy7d8?5WAo^K4m~s!3p{k^OGV8_-v6i&1$=*+oWao5T6}G^KcMD2If?5
z>0ZM0WMOK4n-FBIk8?=EgDhV_>h*>}4(hGDClCub+F=&WtbOzh5gZUGdH`ROGcJv2
zt+80r*0G;^!lpL0Uw9vPR0$|C5m?b`<iks7XAx?*bgm*B%AsX1zHW4>EtjjP-qJm*
z7H$}P38O3NxQInn{az!6F7$G*v1THKxw%-+P!5~2yL=cv*@;hOq_IZQeE02*#aHb4
z$*ToZK+g1rF2!Uzd=&G|sev1?!`FZ7S?_gmsC(|Rmw_(MlaW9?vg<U9>~(0hV{IBD
z{hwS=W`e<%s=ADt>r}mQvEsq;X(iIL)A@|#LwGm)8+*cx1lx{P@}1k#sfa55y(iRL
zSFvpkdKY_<mxDjP%%CTB%Wrhp_LbKL4R}*`lUEI&-K*1Cf_Plnb81iUV(?Nrrax=k
zgeAkA30D-Y_gyHQFgh23)z<2awE42*q>`~R`sM+JYM|}lxI16@cUyy`zGr^Xb|Wyz
zrE~qOUK}VO$k}Hz<zeWAY1I%FC@O@csM5YLvPi-JJ)YgCdHUzMPnzG0TL+k%=Or6!
zlM0`Phqs>dVxptRn-V_T<?a5~b(eKjj&c{Dmz*5^D*g4~tNq9A1k?x5e@rYaoL6xs
zwlt5vTpKJ>Pk&o+v~o)&Dh}43U)dRu-o3L6yCmkSKZO5WOnHrSqeLmcODuYsu+`1?
d?pxiF|JO$I^qVVr4bs05<VN%&JUvEB`VSfJl^Xy6

literal 0
HcmV?d00001

diff --git a/src/assets/images/矩形 987@2x.png b/src/assets/images/矩形 987@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..710beeb779f95624b23e5ebd8b6259c291878870
GIT binary patch
literal 3169
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
N#=^n8!R+GAe*nI)qsagO

literal 0
HcmV?d00001

diff --git a/src/assets/styles/leaflet.scss b/src/assets/styles/leaflet.scss
index 3bdc9cb..1adae21 100644
--- a/src/assets/styles/leaflet.scss
+++ b/src/assets/styles/leaflet.scss
@@ -130,7 +130,6 @@
       align-items: center;
       justify-content: center;
       width: 194px;
-      width: 100%;
       height: 30px;
       background: linear-gradient(270deg, rgba(9, 32, 53, 0) 0%, rgba(8, 37, 64, 0.98) 51%, rgba(9, 34, 56, 0) 100%);
       border-radius: 0px 0px 0px 0px;
@@ -157,7 +156,7 @@
       .info-left {
         display: flex;
         align-items: center;
-        width: 80px;
+        width: 25%;
         .dot {
           width: 4px;
           height: 4px;
diff --git a/src/main.js b/src/main.js
index 9fc5334..da2799c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,7 +4,7 @@
  * @Author: JC9527
  * @Date: 2023-08-14 13:58:57
  * @LastEditors: JC9527
- * @LastEditTime: 2023-12-26 10:40:03
+ * @LastEditTime: 2023-12-27 10:32:10
  */
 import Vue from 'vue'
 
@@ -88,8 +88,8 @@ VueAMap.initAMapApiLoader({
 });
 
 //如果需要使用自定义的threeJS相关的组件，需要格外引入库中的three。该包只提供常用的模型加载，灯光，HDR等相关能力，更细致的控制需要在模型初始化后获取对象进行操作
-import VueAmapThree from '@vuemap/vue-amap/dist/three'
-Vue.use(VueAmapThree);
+// import VueAmapThree from '@vuemap/vue-amap/dist/three'
+// Vue.use(VueAmapThree);
 
 /**
  * If you don't want to use mock-server
diff --git a/src/utils/mapJson/point.json b/src/utils/mapJson/point.json
index 73d5079..64a1355 100644
--- a/src/utils/mapJson/point.json
+++ b/src/utils/mapJson/point.json
@@ -44,7 +44,7 @@
     
     {
       "type": "Feature",
-      "properties": {"name":"执法车辆"},
+      "properties": {"name":"执法车辆","status" : "0"},
       "geometry": {
         "coordinates": [
           118.79202271621062,
@@ -55,7 +55,7 @@
     },
     {
       "type": "Feature",
-      "properties": {"name":"执法车辆"},
+      "properties": {"name":"执法车辆","status" : "1"},
       "geometry": {
         "coordinates": [
           118.80544753568995,
@@ -66,7 +66,7 @@
     },
     {
       "type": "Feature",
-      "properties": {"name":"普通事件"},
+      "properties": {"name":"普通事件","status" : "0"},
       "geometry": {
         "coordinates": [
           118.78046462582762,
@@ -77,7 +77,7 @@
     },
     {
       "type": "Feature",
-      "properties": {"name":"重点事件"},
+      "properties": {"name":"重点事件","status" : "1"},
       "geometry": {
         "coordinates": [
           118.74646010962817,
@@ -99,7 +99,7 @@
     },
     {
       "type": "Feature",
-      "properties": {"name":"重点事件"},
+      "properties": {"name":"重点事件","status":0},
       "geometry": {
         "coordinates": [
           118.73778548814812,
@@ -111,7 +111,7 @@
     
     {
       "type": "Feature",
-      "properties": {"name":"重点事件"},
+      "properties": {"name":"重点事件","status":1},
       "geometry": {
         "coordinates": [
           118.80857039942185,
diff --git a/src/utils/mapJson/开发区空港开发区GJ02.json b/src/utils/mapJson/开发区空港开发区GJ02.json
new file mode 100644
index 0000000..6ac38c1
--- /dev/null
+++ b/src/utils/mapJson/开发区空港开发区GJ02.json
@@ -0,0 +1,285 @@
+{
+  "type": "FeatureCollection",
+  "name": "开发区空港开发区GJ02",
+  "crs": {
+    "type": "name",
+    "properties": {
+      "name": "urn:ogc:def:crs:OGC:1.3:CRS84"
+    }
+  },
+  "features": [
+    {
+      "type": "Feature",
+      "properties": {
+        "fid": 1.0,
+        "CENTERX": 118.80091257948892,
+        "CENTERY": 31.890183680582105,
+        "CODE": "320115402",
+        "NAME": "开发区空港开发区",
+        "NOTE": null,
+        "SHAPE_AREA": 73241240.470899999,
+        "SHAPE_LENG": 50271.742558899998,
+        "SUMCASE": null,
+        "USERID01": null,
+        "USERID012": null,
+        "USERID0123": null,
+        "UserID": null,
+        "UserID0": null,
+        "UserID_1": null
+      },
+      "geometry": {
+        "type": "MultiPolygon",
+        "coordinates": [
+          [
+            [
+              [
+                118.852497019755887,
+                31.782938218588818
+              ],
+              [
+                118.853591773673998,
+                31.781756137534718
+              ],
+              [
+                118.854201749670651,
+                31.780805543288043
+              ],
+              [
+                118.854312373174167,
+                31.779713464753343
+              ],
+              [
+                118.884734230592045,
+                31.767144754667473
+              ],
+              [
+                118.890565413272014,
+                31.761047070506176
+              ],
+              [
+                118.893309910057496,
+                31.756840243277974
+              ],
+              [
+                118.895883249803546,
+                31.753491974798681
+              ],
+              [
+                118.8957971648735,
+                31.750230870807044
+              ],
+              [
+                118.894252926825558,
+                31.749974173826512
+              ],
+              [
+                118.894081093234433,
+                31.747056391018713
+              ],
+              [
+                118.891936323614104,
+                31.744483022751957
+              ],
+              [
+                118.888849097230349,
+                31.750492505129099
+              ],
+              [
+                118.893910136652366,
+                31.753922055982532
+              ],
+              [
+                118.893309756398338,
+                31.755123857839237
+              ],
+              [
+                118.890690194772375,
+                31.754779817704989
+              ],
+              [
+                118.887906414253465,
+                31.758474419045985
+              ],
+              [
+                118.867845493012894,
+                31.749571575181854
+              ],
+              [
+                118.854393456028163,
+                31.747275643981418
+              ],
+              [
+                118.834948596680249,
+                31.734781328131589
+              ],
+              [
+                118.840343586037989,
+                31.724558461891956
+              ],
+              [
+                118.848309728851689,
+                31.72823415219208
+              ],
+              [
+                118.85019397507341,
+                31.725398679235795
+              ],
+              [
+                118.842227588612772,
+                31.720950439182868
+              ],
+              [
+                118.842570088503791,
+                31.719748296517444
+              ],
+              [
+                118.851307493196657,
+                31.724538496758623
+              ],
+              [
+                118.853277505981978,
+                31.721788766118127
+              ],
+              [
+                118.842398505736597,
+                31.716659017888308
+              ],
+              [
+                118.830321518589301,
+                31.711961481367073
+              ],
+              [
+                118.831092968243738,
+                31.718739993204807
+              ],
+              [
+                118.832035628335419,
+                31.724574100713756
+              ],
+              [
+                118.831693771998033,
+                31.732727770617082
+              ],
+              [
+                118.829391212752896,
+                31.742304833466243
+              ],
+              [
+                118.826705972329492,
+                31.746532794421562
+              ],
+              [
+                118.820747476466792,
+                31.742622920640109
+              ],
+              [
+                118.81881149618512,
+                31.745039839383171
+              ],
+              [
+                118.814237515108573,
+                31.742720395598738
+              ],
+              [
+                118.812695742991906,
+                31.74443947693074
+              ],
+              [
+                118.811068270392582,
+                31.746244484273941
+              ],
+              [
+                118.808755155589864,
+                31.745475987194236
+              ],
+              [
+                118.804385399485298,
+                31.741535319964825
+              ],
+              [
+                118.802414981822679,
+                31.744198802194326
+              ],
+              [
+                118.792816764333551,
+                31.739406416227236
+              ],
+              [
+                118.79204558138396,
+                31.741467089739277
+              ],
+              [
+                118.790909924691064,
+                31.741554327827867
+              ],
+              [
+                118.790910284909145,
+                31.745502055797541
+              ],
+              [
+                118.789753325060616,
+                31.747434411080096
+              ],
+              [
+                118.795538950100607,
+                31.751589258818054
+              ],
+              [
+                118.797947842711565,
+                31.757332078172901
+              ],
+              [
+                118.800839645119552,
+                31.764226455999534
+              ],
+              [
+                118.800757023807435,
+                31.764327681838537
+              ],
+              [
+                118.794429095289004,
+                31.760348346552718
+              ],
+              [
+                118.791480417903074,
+                31.76413306696368
+              ],
+              [
+                118.78963620609855,
+                31.768988144021499
+              ],
+              [
+                118.788083848131862,
+                31.780272133190262
+              ],
+              [
+                118.791985652280388,
+                31.792496870553464
+              ],
+              [
+                118.794415979794408,
+                31.798419365400058
+              ],
+              [
+                118.797583470244348,
+                31.804529850372681
+              ],
+              [
+                118.821456414560942,
+                31.807267725830133
+              ],
+              [
+                118.835056861872417,
+                31.807242261687424
+              ],
+              [
+                118.852497019755887,
+                31.782938218588818
+              ]
+            ]
+          ]
+        ]
+      }
+    }
+  ]
+}
\ No newline at end of file
diff --git a/src/utils/mapJson/开发区软件园GJ02.json b/src/utils/mapJson/开发区软件园GJ02.json
new file mode 100644
index 0000000..87cdb28
--- /dev/null
+++ b/src/utils/mapJson/开发区软件园GJ02.json
@@ -0,0 +1,8 @@
+{
+"type": "FeatureCollection",
+"name": "开发区软件园GJ02",
+"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
+"features": [
+{ "type": "Feature", "properties": { "fid": 1.0, "CENTERX": 118.762835877664, "CENTERY": 31.890183680582105, "CODE": "320115402", "NAME": "开发区软件园", "NOTE": null, "SHAPE_AREA": 73241240.470899999, "SHAPE_LENG": 50271.742558899998, "SUMCASE": null, "USERID01": null, "USERID012": null, "USERID0123": null, "UserID": null, "UserID0": null, "UserID_1": null }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 118.795924761210415, 31.822844740193673 ], [ 118.791994007008626, 31.821915813271012 ], [ 118.789036842569587, 31.821275807449588 ], [ 118.782049907996893, 31.82025349400611 ], [ 118.773741979907015, 31.819054743529094 ], [ 118.768799612966433, 31.818718500351526 ], [ 118.759493119753984, 31.819742115723148 ], [ 118.751025302463788, 31.820997622322786 ], [ 118.74837406041577, 31.821381065686541 ], [ 118.749448221670164, 31.831464595478231 ], [ 118.74957711296527, 31.83262312332057 ], [ 118.750006509133939, 31.83391043717295 ], [ 118.75030706593347, 31.834639923084726 ], [ 118.751509139595214, 31.836313520295523 ], [ 118.751981376137152, 31.837085919566878 ], [ 118.753483825949885, 31.83893109296622 ], [ 118.751724029417474, 31.839231242234018 ], [ 118.750092994010828, 31.840775608498888 ], [ 118.747938421907378, 31.842308142494456 ], [ 118.745027354391496, 31.84437826161501 ], [ 118.741935838695497, 31.845749876007599 ], [ 118.739101534726359, 31.84634897358438 ], [ 118.734548783169203, 31.847375568138158 ], [ 118.735237043229375, 31.858102807951948 ], [ 118.739017010373232, 31.861280498703735 ], [ 118.742538275761518, 31.859394559490148 ], [ 118.747433140139151, 31.860254654037021 ], [ 118.753185620484203, 31.863345090141635 ], [ 118.758507434406781, 31.865232934511141 ], [ 118.77008105483398, 31.864913510547854 ], [ 118.77118047903501, 31.858323913829825 ], [ 118.77041139498327, 31.856374951295841 ], [ 118.769786635462538, 31.853564041731449 ], [ 118.770132063679711, 31.849482338635532 ], [ 118.770131823336413, 31.846865014246603 ], [ 118.772319290524024, 31.848794552093999 ], [ 118.773005619730995, 31.850553300335875 ], [ 118.773820465965898, 31.851067643996235 ], [ 118.775921704103538, 31.85149521424669 ], [ 118.777465328682553, 31.85149401500593 ], [ 118.778194170522283, 31.850849816789804 ], [ 118.777765195169678, 31.848533195028477 ], [ 118.778879911990003, 31.847974476057928 ], [ 118.779437490353544, 31.850290970503789 ], [ 118.780466508512944, 31.851019474035283 ], [ 118.781581191243134, 31.851361699375271 ], [ 118.783684095891587, 31.847472110963885 ], [ 118.783124504297618, 31.851660554272232 ], [ 118.784217538246963, 31.8508656723988 ], [ 118.785117813125495, 31.851980313270037 ], [ 118.78520339080923, 31.850328307256063 ], [ 118.786081924524183, 31.848418006016917 ], [ 118.787474874071094, 31.847665590412028 ], [ 118.78906061633873, 31.846869981850432 ], [ 118.788096167682511, 31.845648253879666 ], [ 118.78940320863731, 31.843866084922013 ], [ 118.788031604130978, 31.842666287776375 ], [ 118.787067065854714, 31.8408438274368 ], [ 118.784837887271436, 31.837756924790842 ], [ 118.786294979035375, 31.834666043559373 ], [ 118.786294892535878, 31.833722083293804 ], [ 118.782951317023546, 31.832953231291647 ], [ 118.784494287919301, 31.830377228623007 ], [ 118.785093897063817, 31.824884447278194 ], [ 118.794839771769759, 31.826729412247591 ], [ 118.795924761210415, 31.822844740193673 ] ] ] ] } }
+]
+}
diff --git a/src/views/bigScreen/components/mapLeftContent.vue b/src/views/bigScreen/components/mapLeftContent.vue
index c67f1ad..cae5a42 100644
--- a/src/views/bigScreen/components/mapLeftContent.vue
+++ b/src/views/bigScreen/components/mapLeftContent.vue
@@ -4,7 +4,7 @@
  * @Author: JC9527
  * @Date: 2023-08-15 09:44:13
  * @LastEditors: JC9527
- * @LastEditTime: 2023-12-26 09:49:54
+ * @LastEditTime: 2023-12-28 23:51:19
 -->
 <template>
   <div class="left-box">
@@ -142,7 +142,7 @@ export default {
       $listeners:false
     }
   },
-  props:['personLine'],
+  props:['personLine','carLine'],
   watch:{
     personLine:{
       handler(newPerson){
@@ -151,6 +151,13 @@ export default {
       },
       immediate:true,
     },
+    carLine:{
+      handler(newPerson){
+        // console.log(newPerson,'在线人员情况');
+        this.vehicleArray = newPerson
+      },
+      immediate:true,
+    }
   },
   methods:{
     getDomHeight(){
@@ -160,9 +167,11 @@ export default {
         let height2 = dom2[0].getBoundingClientRect();
         let height = dom[0].getBoundingClientRect();
         let windowHeight = window.innerHeight;
-        let relativeHeight = (windowHeight - height.top) / 2 - 14;
+        // let relativeHeight = (windowHeight - height.top) / 2 - 14;
+        let relativeHeight = (windowHeight - height.top) / 2 + 4;
         let sum = relativeHeight * 2 - 2;
-        let relativeHeight2 = (windowHeight - height2.top - sum) / 2 - 55;
+        // let relativeHeight2 = (windowHeight - height2.top - sum) / 2 - 55;
+        let relativeHeight2 = (windowHeight - height2.top - sum) / 2 - 115;
         this.itemOne.height = relativeHeight + 'px';
         this.itemTwo.height = relativeHeight2 + 'px';
         this.oneHeight = Number(relativeHeight);
diff --git a/src/views/bigScreen/index.vue b/src/views/bigScreen/index.vue
index cee6129..2a4cfce 100644
--- a/src/views/bigScreen/index.vue
+++ b/src/views/bigScreen/index.vue
@@ -4,7 +4,7 @@
  * @Author: JC9527
  * @Date: 2023-08-14 14:40:02
  * @LastEditors: JC9527
- * @LastEditTime: 2023-12-26 21:59:30
+ * @LastEditTime: 2023-12-28 11:10:12
 -->
 <template>
   <div class="pc-container">
@@ -151,16 +151,27 @@ div {
     left: 0px;
     top: 0px;
     width: 510px;
-    height: 99%;
+    height: 100%;
     z-index: 550;
     box-sizing: border-box;
     &::before {
       content: "";
       position: absolute; /* 一定要用绝对定位 */
-      width: 100%;
+      left: -10px;
+      width: calc(100% + 30px);
       height: 100%;
-      backdrop-filter: blur(5px); /* 模糊半径 */
-      background-color: rgba(10,38,75,0.5);
+      background: linear-gradient(
+        to right,
+         rgba(8,21,42,1), 
+         rgba(8,21,42,0.9), 
+         rgba(8,21,42,0.8), 
+         rgba(8,21,42,0.8), 
+         rgba(8,21,42,0.8), 
+         rgba(8,21,42,0.7), 
+         rgba(20,37,50,0.5)
+      );
+      filter: blur(10px);
+      z-index: -1;
     }
   }
   .change-map-before-right {
@@ -168,16 +179,27 @@ div {
     right: 0px;
     top: 0px;
     width: 510px;
-    height: 99%;
+    height: 100%;
     z-index: 550;
     box-sizing: border-box;
     &::before {
       content: "";
       position: absolute; /* 一定要用绝对定位 */
-      width: 100%;
+      right: -10px;
+      width: calc(100% + 10px);
       height: 100%;
-      backdrop-filter: blur(5px); /* 模糊半径 */
-      background-color: rgba(10,38,75,0.5);
+      background: linear-gradient(
+        to left,
+         rgba(8,21,42,1), 
+         rgba(8,21,42,0.9), 
+         rgba(8,21,42,0.8), 
+         rgba(8,21,42,0.8), 
+         rgba(8,21,42,0.8), 
+         rgba(8,21,42,0.7), 
+         rgba(20,37,50,0.5)
+      );
+      filter: blur(10px);
+      z-index: -1;
     }
   }
   .map-before-left {
@@ -185,7 +207,7 @@ div {
     left: 0px;
     top: 0px;
     width: 510px;
-    height: 99%;
+    height: 100%;
     z-index: 550;
     box-sizing: border-box;
   }
@@ -194,7 +216,25 @@ div {
     position: absolute; /* 一定要用绝对定位 */
     width: 100%;
     height: 100%;
-    backdrop-filter: blur(5px); /* 模糊半径 */
+    // backdrop-filter: blur(5px); /* 模糊半径 */
+    // -webkit-filter: blur(5px);
+    // -webkit-backdrop-filter: blur(5px);
+  }
+  @supports (backdrop-filter: none) {
+    .map-before-left::before {
+      backdrop-filter: blur(5px);
+    }
+    .map-before-right::before {
+      backdrop-filter: blur(5px);
+    }
+  }
+  @supports not (backdrop-filter: none) {
+    .map-before-left::before {
+      background-color: rgba(100, 124, 176, 0.29);
+    }
+    .map-before-right::before {
+      background-color: rgba(100, 124, 176, 0.29);
+    }
   }
   // .left-animation-enter-active{
   //   transition: all .8s ease;
@@ -237,7 +277,7 @@ div {
     right: 0px;
     top: 0px;
     width: 510px;
-    height: 99%;
+    height: 100%;
     z-index: 550;
     box-sizing: border-box;
   }
@@ -246,7 +286,19 @@ div {
     position: absolute; /* 一定要用绝对定位 */
     width: 100%;
     height: 100%;
-    backdrop-filter: blur(5px); /* 模糊半径 */
+    // backdrop-filter: blur(5px); /* 模糊半径 */
+    // -webkit-filter: blur(5px);
+    // -webkit-backdrop-filter: blur(5px);
+    @supports (backdrop-filter: none) {
+      & {
+        backdrop-filter: blur(5px);
+      }
+    }
+    @supports not (backdrop-filter: none) {
+      & {
+        background-color: rgba(100, 124, 176, 0.29);
+      }
+    }
   }
   .system-header {
     z-index: 600;
diff --git a/src/views/bigScreen/map/index.vue b/src/views/bigScreen/map/index.vue
index e74b4fb..640af6c 100644
--- a/src/views/bigScreen/map/index.vue
+++ b/src/views/bigScreen/map/index.vue
@@ -13,15 +13,15 @@
       :events="selfMapEv"
     >
     </el-amap> -->
-
     <el-amap
       ref="map"
       map-style="amap://styles/d02b66b0a7f190d5a1556a3f59c86518"
       :center="center"
       :zoom="zoom"
       :zooms="zooms"
+      v-loading="mapLoading"
+      element-loading-background="rgba(11, 34, 72, 0.8)"
       @init="init"
-      view-mode="3D"
       :extra-options="{ vectorMapForeign: 'style_zh_cn' }"
       class="amap-demo"
     >
@@ -30,15 +30,8 @@
       <!-- 江宁GeoJson文件 -->
       <!-- <el-amap-geojson @init="initLocation" :geo="jiangninggeo" ref="geojson" :polygon-options="polygonOptions" :visible="true" :draggable="draggable"></el-amap-geojson> -->
       
-      <!-- 测试点位 -->
-      <!-- <el-amap-marker :position="componentMarker.position" :visible="componentMarker.visible" :draggable="componentMarker.draggable">
-        <div style="padding: 5px 10px;color: #fff; display:flex;" class="testMarker">
-          <div>{{componentMarker.text}}</div>
-          <img src="../../../assets/images/3.png" alt="" style="width: 40px">
-        </div>
-      </el-amap-marker> -->
       <!-- marker标记点 -->
-      <el-amap-marker v-for="(marker, index) in markers" :key="index + 'marker'" :visible="componentMarker.visible" :offset='[-35,-108]' :position="marker.position" :draggable="false" @click="(e)=> clickMarker(marker,e)">
+      <el-amap-marker v-for="(marker, index) in markers" :key="index + 'marker'" :visible="componentMarker.visible" :offset='markerOffset' :position="marker.position" :draggable="false" @click="(e)=> clickMarker(marker,e)">
         <div class="markerStyles">
           <div v-if="marker.text" class="marker-Text">{{marker.text}}</div>
           <img :src="marker.imgSrc" alt="">
@@ -49,7 +42,7 @@
       <el-amap-info-window
         v-if="personInfo.visible"
         anchor="bottom-center"
-        :offset="[27,0]"
+        :offset="[-10,-123]"
         :closeWhenClickMap="true"
         :position="personInfo.position"
         :visible.sync="personInfo.visible">
@@ -115,7 +108,7 @@
       <!-- 事件弹框 -->
       <el-amap-info-window
         v-if="eventInfo.visible"
-        :offset="[27,0]"
+        :offset="[-10,-113]"
         :closeWhenClickMap="true"
         :position="eventInfo.position"
         :visible.sync="eventInfo.visible"
@@ -156,7 +149,7 @@
       <!-- 执法车辆弹框 -->
       <el-amap-info-window
         v-if="carInfo.visible"
-        :offset="[27,0]"
+        :offset="[-10,-148]"
         :closeWhenClickMap="true"
         :position="carInfo.position"
         :visible.sync="carInfo.visible"
@@ -180,19 +173,19 @@
       <!-- 监控视频弹框 -->
       <el-amap-info-window
         v-if="monitoringInfo.visible"
-        :offset="[27,0]"
+        :offset="[-10,-94]"
         :closeWhenClickMap="true"
         :position="monitoringInfo.position"
         :visible.sync="monitoringInfo.visible"
       >
         <div class="monitoring-popup">
           <div class="monitoring-title">
-            <div class="title">监控视频</div>
+            <div class="title">{{ monitoringInfo.info.name }} {{ monitoringInfo.info.status == 1 ? "在线":"离线" }}</div>
             <div class="mask" @click="markersClosePopup"></div>
           </div>
           <div class="monitoring">
             <div class="bg">
-              <img src="@/assets/images/play-circle-fill@2x.png" alt="" @click="playVideo">
+              <img src="@/assets/images/play-circle-fill@2x.png" alt="" @click="playVideo(monitoringInfo.info.status)">
             </div>
             <div class="btns">
               <div class="btn" @click="monitorVideos">上墙</div>
@@ -205,7 +198,7 @@
       <!-- 沿街商铺分布 -->
       <el-amap-info-window
         v-if="shopInfo.visible"
-        :offset="[27,0]"
+        :offset="[-10,-94]"
         :closeWhenClickMap="true"
         :position="shopInfo.position"
         :visible.sync="shopInfo.visible"
@@ -250,7 +243,7 @@
     </div>
     <transition name="left-animationMap">
       <div class="map-left" v-if="leftAnimationData">
-        <map-left :personLine="personLine" @realTimeLocationClick="realTimeLocationClick"></map-left>
+        <map-left :personLine="personLine" :carLine="carLine" @realTimeLocationClick="realTimeLocationClick"></map-left>
       </div>
     </transition>
 
@@ -433,6 +426,8 @@ import OneGJ02 from "@/utils/mapJson/1GJ02.json";
 import TwoGJ02 from "@/utils/mapJson/2GJ02.json";
 import ThreeGJ02 from "@/utils/mapJson/3GJ02.json";
 import FourGJ02 from "@/utils/mapJson/4GJ02.json";
+import kaifaqu from "@/utils/mapJson/开发区空港开发区GJ02.json";
+import ruanjianyuan from "@/utils/mapJson/开发区软件园GJ02.json";
 // 一级网格
 // import detachment1 from "@/utils/mapJson/detachment1.json";
 // import detachment2 from "@/utils/mapJson/detachment2.json";
@@ -464,7 +459,12 @@ import {
   fence,
   getDeviceList,
   levelQywg,
-  videoSurveillance
+  videoSurveillance,
+  getVideoPageEq,
+  getPreviewURLs,
+  getCarManageList,
+  getQueryViewListPage,
+  eventSaveData
 } from "@/api/bigScreenApi";
 import flvjs from "flv.js";
 import axios from "axios";
@@ -487,17 +487,8 @@ export default {
       zooms:[10,18],
       center: [118.835418, 31.863971],  // 121.59996, 31.197646
       map: null,
-      // GeoJson文件的基本样式
-      polygonOptions: {
-        strokeColor: '#00C5EC',   // 线条颜色，使用16进制颜色代码赋值。默认值为#00D3FC
-        fillColor: 'rgba(64,175,255,0.4)'  // 多边形填充颜色，使用16进制颜色代码赋值，如：#00B2D5
-      },
-      draggable:false,          // 是否可拖动
       componentMarker: {
-        position: [118.79808425903322, 31.96840071263104],
         visible: true,
-        draggable: false,
-        text: '1'
       },
       // 所有点位信息
       markers:[],
@@ -520,6 +511,7 @@ export default {
       // 监控视频弹框信息
       monitoringInfo: {
         position: [],
+        info:{},
         visible: false,
       },
       // 沿街商铺弹框信息
@@ -533,9 +525,12 @@ export default {
       highlightedPolygonId:null,
       layers: {
         layer:null,
+        text: null,
         layer2:null,
         layer3:null,
         layer4:null,
+        text1:null,
+        markers:null,
       },
       showVideo:false,
       videoCondition: {
@@ -545,6 +540,8 @@ export default {
       player:null,
       timer:null,
       isPositioning:false,
+      markerOffset: [-35,-123],
+      mapLoading:false,
 
 
 
@@ -588,6 +585,7 @@ export default {
       weilanData: null, // 考勤围栏数据
       luduanData: null, // 重点路段
       personLine: [], // 在线人员情况
+      carLine: [],    // 车辆情况
       visible: false,   // 卫星底图是否显示
     };
   },
@@ -598,73 +596,16 @@ export default {
       map.setMapStyle("amap://styles/d02b66b0a7f190d5a1556a3f59c86518");
       // console.log(o.getCenter())
       // console.log(this.map,'initMapinitMap');
-      this.layers.layer = new AMap.OverlayGroup();
-      this.layers.layer2 = new AMap.OverlayGroup();
-      this.layers.layer3 = new AMap.OverlayGroup();
-      this.layers.layer4 = new AMap.OverlayGroup();
-      // this.layers.text = new AMap.OverlayGroup();
+     
+      this.layers.layer = new AMap.OverlayGroup();            // 一级网格
+      this.layers.layer2 = new AMap.OverlayGroup();           // 二级网格
+      this.layers.layer3 = new AMap.OverlayGroup();           // 围栏、路段、区域、及文本
+      this.layers.layer4 = new AMap.OverlayGroup();           // 地图扎点
+      this.layers.text = new AMap.OverlayGroup();             // 一级网格文本
+      this.layers.text1 = new AMap.OverlayGroup();            // 二级网格文本
+      this.layers.markers = new AMap.OverlayGroup();            // 监控视频markers
 
       this.$nextTick(() => {
-        // AMap.plugin('AMap.GeoJSON',()=>{
-        //   let polygon
-        //   var geojson1 = new AMap.GeoJSON({
-        //     geoJSON:OneGJ02,
-        //     getPolygon:(geojson, lnglats)=>{
-        //       polygon = new AMap.Polygon({
-        //         path: lnglats,
-        //         strokeColor: '#00C5EC', 
-        //         fillColor: '#00AEFF',
-        //         fillOpacity: 0.4,
-        //       })
-        //       return polygon
-        //     },
-        //     getText:(geo)=>{
-        //       console.log(geo,'geogeot');
-        //     }
-        //   })
-        //   var geojson2 = new AMap.GeoJSON({
-        //     geoJSON:TwoGJ02,
-        //     getPolygon:(geojson, lnglats)=>{
-        //       polygon = new AMap.Polygon({
-        //         path: lnglats,
-        //         strokeColor: '#00C5EC', 
-        //         fillColor: '#00AEFF',
-        //         fillOpacity: 0.4,
-        //       })
-        //       return polygon
-        //     },
-        //   })
-        //   var geojson3 = new AMap.GeoJSON({
-        //     geoJSON:ThreeGJ02,
-        //     getPolygon:(geojson, lnglats)=>{
-        //       polygon = new AMap.Polygon({
-        //         path: lnglats,
-        //         strokeColor: '#00C5EC', 
-        //         fillColor: '#00AEFF',
-        //         fillOpacity: 0.4,
-        //       })
-        //       return polygon
-        //     },
-        //   })
-        //   var geojson4 = new AMap.GeoJSON({
-        //     geoJSON:FourGJ02,
-        //     getPolygon:(geojson, lnglats)=>{
-        //       polygon = new AMap.Polygon({
-        //         path: lnglats,
-        //         strokeColor: '#00C5EC', 
-        //         fillColor: '#00AEFF',
-        //         fillOpacity: 0.4,
-        //       })
-        //       return polygon
-        //     },
-        //   })
-        //   this.layers.layer.addOverlay(geojson1);
-        //   this.layers.layer.addOverlay(geojson2);
-        //   this.layers.layer.addOverlay(geojson3);
-        //   this.layers.layer.addOverlay(geojson4);
-        //   this.map.add(this.layers.layer)
-        //   map.setFitView();
-        // })
         var geojson1 = new AMap.Polygon({
           path:OneGJ02.features[0].geometry.coordinates[0][0],
           strokeColor: '#00C5EC', 
@@ -743,6 +684,7 @@ export default {
           editable:false,
           visible:true,
         })
+
         var text4 = new AMap.Text({
           // position: [element.properties.CENTERX,element.properties.CENTERY],
           position: getCenter(FourGJ02.features[0].geometry.coordinates[0][0]),
@@ -757,15 +699,69 @@ export default {
             'white-space': 'nowrap',
           },
         });
+        var geojson5 = new AMap.Polygon({
+          path:kaifaqu.features[0].geometry.coordinates[0][0],
+          strokeColor: '#00C5EC', 
+          fillColor: '#00AEFF',
+          fillOpacity: 0.4,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var text5 = new AMap.Text({
+          // position: [element.properties.CENTERX,element.properties.CENTERY],
+          position: getCenter(kaifaqu.features[0].geometry.coordinates[0][0]),
+          anchor: 'bottom-center',
+          text: kaifaqu.features[0].properties.NAME,
+          style:{
+            'font-size': '16px',
+            'font-weight': 'bold',
+            'text-align': 'center',
+            'color': '#00AEFF',
+            'text-shadow': '0px 1px 0px rgba(0,0,0,0.3)',
+            'white-space': 'nowrap',
+          },
+        });
+
+        var geojson6 = new AMap.Polygon({
+          path:ruanjianyuan.features[0].geometry.coordinates[0][0],
+          strokeColor: '#00C5EC', 
+          fillColor: '#00AEFF',
+          fillOpacity: 0.4,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var text6 = new AMap.Text({
+          // position: [element.properties.CENTERX,element.properties.CENTERY],
+          position: getCenter(ruanjianyuan.features[0].geometry.coordinates[0][0]),
+          anchor: 'bottom-center',
+          text: ruanjianyuan.features[0].properties.NAME,
+          style:{
+            'font-size': '16px',
+            'font-weight': 'bold',
+            'text-align': 'center',
+            'color': '#00AEFF',
+            'text-shadow': '0px 1px 0px rgba(0,0,0,0.3)',
+            'white-space': 'nowrap',
+          },
+        });
+
+        
         this.layers.layer.addOverlay(geojson1);
-        this.layers.layer.addOverlay(text1);
+        this.layers.text.addOverlay(text1);
         this.layers.layer.addOverlay(geojson2);
-        this.layers.layer.addOverlay(text2);
+        this.layers.text.addOverlay(text2);
         this.layers.layer.addOverlay(geojson3);
-        this.layers.layer.addOverlay(text3);
+        this.layers.text.addOverlay(text3);
         this.layers.layer.addOverlay(geojson4);
-        this.layers.layer.addOverlay(text4);
+        this.layers.text.addOverlay(text4);
+        this.layers.layer.addOverlay(geojson5);
+        this.layers.text.addOverlay(text5);
+        this.layers.layer.addOverlay(geojson6);
+        this.layers.text.addOverlay(text6);
         this.map.add(this.layers.layer);
+        this.map.add(this.layers.text);
         map.setFitView();
         // 一级网格
         // this.stairWangge();
@@ -843,6 +839,9 @@ export default {
         if(this.layers.layer3) {
           this.layers.layer3.hide();
         }
+        if(this.layers.text1){
+          this.layers.text1.hide();
+        }
         // 获取点位
         this.getMarkers(1);
         if(this.layers.layer2) {
@@ -852,15 +851,25 @@ export default {
         map.on("zoomend", (ev) => {
           let zoom = map.getZoom();
           console.log(zoom,'zoom层级');
+
+          if(this.actionMap == 4) {
+
+          }
           
-          if(zoom < 12) {
+          if(zoom < 11) {
             this.componentMarker.visible = false;
+            this.personInfo.visible = false;
+            this.eventInfo.visible = false;
+            this.carInfo.visible = false;
+            this.monitoringInfo.visible = false;
+            this.shopInfo.visible = false;
           } else {
             this.componentMarker.visible = true;
             if(zoom < 13.2) {
               this.unlightedPolygonId()
               if(this.layers.layer2) {
                 this.layers.layer2.hide();
+                this.layers.text1.hide();
                 this.isPositioning = false;
               }
               if(this.layers.layer3) {
@@ -868,21 +877,25 @@ export default {
               }
               if(this.layers.layer) {
                 this.layers.layer.show();
+                this.layers.text.show();
               }
             } else if(zoom > 13.2){
               // 获取二级网格数据
               // this.getWanggeGeoJson();
               if(this.layers.layer2) {
                 this.layers.layer2.show();
+                this.layers.text1.hide();
               }
               
               if(this.layers.layer) {
                 this.layers.layer.hide();
+                this.layers.text.hide();
               }
               if(this.layers.layer3) {
                 this.layers.layer3.hide();
               }
               if(zoom > 14) {
+                this.layers.text1.show();
                 this.layers.layer3.show();
               } else {
                 if(this.highlightedPolygonId !== 1) {
@@ -1224,11 +1237,16 @@ export default {
       let ico4 = require("../../../assets/images/icon/icon4.png");
       let ico5 = require("../../../assets/images/icon/icon5.png");
       let ico6 = require("../../../assets/images/icon/icon6.png");
+      let offIcon1 = require("../../../assets/images/icon/offLine1.png");
+      let offIcon2 = require("../../../assets/images/icon/offLine2.png");
+      let offIcon3 = require("../../../assets/images/icon/offLine3.png");
+      let offIcon4 = require("../../../assets/images/icon/offLine4.png");
       this.markers = [];
-      
+      this.mapLoading = true;
       if(id == 1) {
         this.personLine = [];
-        getDeviceList({ imei: "861316060217211" }).then((res) => {
+        getDeviceList({ imei: "861316060216403,861316060216619,861316060207857,861316060214648,861316060214317,861316060215553,861316060212493,861316060214804,861316060207931,861316060216056" }).then((res) => {
+          this.mapLoading = false;
           // console.log(res,'点位信息');
           if (res.data.obj) {
             res.data.obj.forEach((element) => {
@@ -1238,7 +1256,7 @@ export default {
                 obj.position[0] = element.longitude;
                 obj.position[1] = element.latitude;
                 obj.text = element.userName;
-                obj.imgSrc = ico1;
+                obj.imgSrc = element.status == "0" ? offIcon1 : element.status == "1"? ico1 : ico1;
                 obj.userId = element.userId;
                 obj.info = element;
                 this.markers.push(obj)
@@ -1247,6 +1265,8 @@ export default {
           } else {
             this.$modal.msgError("执法人员" + res.data.msg);
           }
+        }).catch(err=>{
+          this.mapLoading = false;
         })
       } else if(id == 2) {
         point.features.forEach((element)=>{
@@ -1254,8 +1274,9 @@ export default {
             let obj = {position:[]};
             obj.position[0] = element.geometry.coordinates[0];
             obj.position[1] = element.geometry.coordinates[1];
-            obj.imgSrc = ico2;
+            obj.imgSrc = element.properties.status == "0"? offIcon2 : ico2;
             this.markers.push(obj)
+            this.mapLoading = false;
           }
           //  else if (element.properties.name == "重点事件") {
           //   let obj = {position:[]};
@@ -1271,20 +1292,36 @@ export default {
             let obj = {position:[]};
             obj.position[0] = element.geometry.coordinates[0];
             obj.position[1] = element.geometry.coordinates[1];
-            obj.imgSrc = ico4;
+            obj.imgSrc = element.properties.status == "0"? offIcon3 : ico4;
             obj.text = element.properties.name;
             this.markers.push(obj)
+            this.mapLoading = false;
           }
         })
       } else if(id == 4){
-        point.features.forEach((element)=>{
-          if (element.properties.name == "监控视频") {
+        // point.features.forEach((element)=>{
+        //   if (element.properties.name == "监控视频") {
+        //     let obj = {position:[]};
+        //     obj.position[0] = element.geometry.coordinates[0];
+        //     obj.position[1] = element.geometry.coordinates[1];
+        //     obj.imgSrc = ico5;
+        //     this.markers.push(obj)
+        //   }
+        // })
+        getVideoPageEq({pageNo:1,pageSize:50}).then(res=>{
+          this.mapLoading = false;
+          // console.log(res,"res");
+          res.data.forEach((element)=>{
             let obj = {position:[]};
-            obj.position[0] = element.geometry.coordinates[0];
-            obj.position[1] = element.geometry.coordinates[1];
+            obj.position[0] = element.longitude;
+            obj.position[1] = element.latitude;
+            // obj.imgSrc = element.status == "0" ? offIcon4 : ico5;
             obj.imgSrc = ico5;
+            obj.info = element
             this.markers.push(obj)
-          }
+          })
+        }).catch(err=>{
+          this.mapLoading = false;
         })
       } else if(id == 5){
         point.features.forEach((element)=>{
@@ -1294,10 +1331,38 @@ export default {
             obj.position[1] = element.geometry.coordinates[1];
             obj.imgSrc = ico6;
             this.markers.push(obj)
+            this.mapLoading = false;
           }
         })
       }
     },
+    // TODO:缩放地图获取新的监控点位
+    getPageEq(pageNum){
+      this.mapLoading = true;
+      let ico5 = require("../../../assets/images/icon/icon5.png");
+      let offIcon4 = require("../../../assets/images/icon/offLine4.png");
+      getVideoPageEq({pageNo:pageNum,pageSize:30}).then(res=>{
+        this.mapLoading = false;
+        // console.log(res,"res");
+        res.data.forEach((element)=>{
+          var marker = new AMap.Marker({
+            position: [element.longitude, element.latitude], // 标记位置
+            offset: new AMap.Pixel(-27, -94),
+            content:`<div class="markerStyles">
+                        <img src="${element.status == "0"? offIcon4 : ico5}" alt="">
+                      </div>`,
+          });
+          marker.on("click",(e)=>{
+            this.monitoringInfo.visible = true;
+            this.monitoringInfo.position = [element.longitude,element.latitude];
+          })
+          this.layers.markers.addLayer(marker);
+          this.map.add(this.layers.markers)
+          })
+        }).catch(err=>{
+          this.mapLoading = false;
+        })
+    },
     // 点位点击事件
     clickMarker(marker,e){
       console.log(marker);
@@ -1313,6 +1378,7 @@ export default {
         this.carInfo.visible = true;
       } else if (this.actionMap == 4) {
         this.monitoringInfo.position = marker.position;
+        this.monitoringInfo.info = marker.info;
         this.monitoringInfo.visible = true;
       } else if (this.actionMap == 5) {
         this.shopInfo.position = marker.position;
@@ -1361,17 +1427,25 @@ export default {
         player.play()
         this.player = player;
         // 视频卡顿导致流断了，那就重连
-        this.player.on(flvjs.Events.ERROR,(errType, errDetail)=>{
-          // console.log(errType,'errTypeerrTypeerrType');
-          // console.log(errDetail,'errDetailerrDetailerrDetailerrDetail');
-          if(this.player){
-            this.destroyVideos()
-            this.initVideoPlayer(videoUrl)
-          }
-        })
+        // this.player.on(flvjs.Events.ERROR,(errType, errDetail)=>{
+        //   // console.log(errType,'errTypeerrTypeerrType');
+        //   // console.log(errDetail,'errDetailerrDetailerrDetailerrDetail');
+        //   if(this.player){
+        //     this.destroyVideos()
+        //     this.initVideoPlayer(videoUrl)
+        //   }
+        // })
         this.instantaneity(this.player,videoUrl)
       })
     },
+    destroyVideos() {
+      if (!this.player) return;
+      this.player.pause();
+      this.player.unload();
+      this.player.detachMediaElement();
+      this.player.destroy();
+      this.player = null;
+    },
     // 可能会有卡顿的情况 重新去拉流由于视频会延时 为保证实时性，我们可以跳帧
     instantaneity(player,videoUrl){
       this.timer = setInterval(() => {
@@ -1401,7 +1475,7 @@ export default {
       this.showVideo = true;
       videoSurveillance({...this.videoCondition,imei:this.personInfo.info.imei}).then(res=>{
         if(res.code == 200 && res.data.msg == '操作成功') {
-          this.initVideoPlayer('http://120.27.25.166:9305/live/9999_112301.flv')
+          this.initVideoPlayer(`http://121.229.2.163:9290/live/9999_${this.personInfo.info.userId}.flv`)
         }
       })
     },
@@ -1421,8 +1495,19 @@ export default {
       this.$refs.crewAssign.open();
     },
     // 监控视频大屏播放
-    playVideo(){
-      this.$refs.aloneVideo.open();
+    playVideo(status){
+      if(status == 1) {
+        getPreviewURLs({protocol:'hls',cameraIndexCode:this.monitoringInfo.info.cameraIndexCode,expand:"transcode=1"}).then(res=>{
+          if(res.code == 200) {
+            console.log(res);
+            this.$refs.aloneVideo.open(res.msg);
+          }
+        })
+      } else {
+        this.$modal.msgError("该设备已离线");
+      }
+      
+      
     },
     // 监控视频上墙
     monitorVideos(){
@@ -1456,7 +1541,7 @@ export default {
             'font-size': '16px',
             'font-weight': 'bold',
             'text-align': 'center',
-            'color': '#FFDBB7',
+            'color': '#FBFF00',
             'text-shadow': '0px 1px 0px rgba(0,0,0,0.3)',
             'white-space': 'nowrap',
           },
@@ -1467,8 +1552,9 @@ export default {
         // this.layers.layer.addLayer(wangge);
         // this.layers.layer.addLayer(text);
         this.layers.layer2.addOverlay(wangge);
-        this.layers.layer2.addOverlay(text);
+        this.layers.text1.addOverlay(text);
         this.map.add(this.layers.layer2);
+        this.map.add(this.layers.text1);
       })
       // console.log(this.layers.layer,'this.layers.layer');
       // this.map.add(this.layers.layer);
@@ -1477,13 +1563,16 @@ export default {
     getWeilanGeoJson(){
       fence({ pageNum: 1, pageSize: 100 }).then((res) => {
         this.weilanData = res.rows;
-        this.weilanData.forEach((element) => {
+        this.weilanData.forEach((element,index) => {
           let shapeStr = JSON.parse(element.shapeStr);
           // 圆形围栏
           if (shapeStr.features[0].geometry.type == "Point") {
             var circle = new AMap.Circle({
               center: shapeStr.features[0].geometry.coordinates,
               radius: shapeStr.features[0].properties.radius,
+              extData:{
+                id: '围栏polygon'
+              },
               strokeOpacity: 0.9,
               strokeColor: "#62E1FA",
               fillColor: "#62E1FA",
@@ -1496,6 +1585,9 @@ export default {
               anchor: 'bottom-center',
               offset: [0, 12],
               text: element.name,
+              extData:{
+                id: '围栏text'
+              },
               style: {
                 'font-size': '14px',
                 'text-align': 'center',
@@ -1516,6 +1608,9 @@ export default {
           } else if (shapeStr.features[0].geometry.type == "Polygon") {
             var weilan = new AMap.Polygon({
               path:shapeStr.features[0].geometry.coordinates,
+              extData:{
+                id: '围栏polygon'
+              },
               strokeOpacity: 0.9,
               strokeColor: "#62E1FA",
               fillColor: "#62E1FA",
@@ -1530,6 +1625,9 @@ export default {
               anchor: 'bottom-center',
               offset: [0, 12],
               text: element.name,
+              extData:{
+                id: '围栏text' 
+              },
               style: {
                 'font-size': '14px',
                 'text-align': 'center',
@@ -1555,7 +1653,7 @@ export default {
     getQuyuGeoJson(){
       regionalsettings({ pageNum: 1, pageSize: 100 }).then((res) => {
         this.quyuData = res.rows;
-        this.quyuData.forEach((element) => {
+        this.quyuData.forEach((element,index) => {
           let shapeStr = JSON.parse(element.shapeStr);
           var quyu = new AMap.Polygon({
             path:shapeStr.features[0].geometry.coordinates,
@@ -1565,11 +1663,17 @@ export default {
             fillOpacity:0.38,
             editable:false,
             visible:true,
+            extData:{
+              id: '区域polygon'
+            },
           })
           var text = new AMap.Text({
             position: shapeStr.features[1].geometry.coordinates,
             anchor: 'bottom-center',
             text: element.name,
+            extData:{
+              id: '区域text'
+            },
             style:{
               'font-size': '16px',
               'font-weight': 'bold',
@@ -2307,10 +2411,133 @@ export default {
       this.action = id;
       this.$emit("changeBackground",id)
       if(id == 1) {
-        this.visible = false
+        this.visible = false;
+        // 修改一级网格背景
+        this.layers.layer.setOptions ({
+          strokeColor: '#00C5EC', 
+          fillColor: '#00AEFF',
+          fillOpacity: 0.4,
+          editable:false,
+          visible:true,
+        })
+        // 修改一级网格字体颜色
+        let text = this.layers.text.getOverlays();
+        for (let i = 0; i < text.length; i++) {
+          text[i].setStyle({
+            'font-size': '16px',
+            'font-weight': 'bold',
+            'text-align': 'center',
+            'color': '#00AEFF',
+            'text-shadow': '0px 1px 0px rgba(0,0,0,0.3)',
+            'white-space': 'nowrap',
+          })
+        }
+        // 修改二级网格背景
+        this.layers.layer2.setOptions ({
+          strokeColor: '#FFBF7A',
+          fillColor: '#DC8419',
+          strokeOpacity: 1,
+          fillOpacity: 0.3,
+        })
+        // 修改围栏区域文本样式
+        var overlays = this.layers.layer3.getOverlays();
+        for (var i = 0; i < overlays.length; i++) {
+          let id = overlays[i].getExtData().id;
+          if(id == "围栏text" || id == "区域text") {
+            overlays[i].setStyle({
+              'font-size': '14px',
+              'text-align': 'center',
+              'color': '#62E1FA',
+              'line-height': '24px',
+              'letter-spacing': '2px',
+              'white-space': 'nowrap',
+            })
+          } else if(id == "区域polygon") {
+            overlays[i].setOptions({
+              strokeOpacity: 0,
+              strokeColor: '#FF0000',
+              fillColor: '#FF0000',
+              fillOpacity:0.38,
+            })
+          } else if(id == "围栏polygon") {
+            overlays[i].setOptions({
+              strokeOpacity: 0.9,
+              strokeColor: "#62E1FA",
+              fillColor: "#62E1FA",
+              fillOpacity: 0.3,
+            })
+          }
+        }
         this.map.setMapStyle("amap://styles/d02b66b0a7f190d5a1556a3f59c86518")
       } else {
         this.visible = true;
+        // 修改一级网格背景
+        this.layers.layer.setOptions ({
+          strokeColor: '#0084FF', 
+          fillColor: '#40AFFF',
+          fillOpacity: 0.8,
+          editable:false,
+          visible:true,
+        })
+        // 修改一级网格字体颜色
+        let text = this.layers.text.getOverlays();
+        for (let i = 0; i < text.length; i++) {
+          text[i].setStyle({
+            'font-size': '16px',
+            'font-weight': 'bold',
+            'text-align': 'center',
+            'color': '#DFFAFF',
+            'text-shadow': '0px 1px 0px rgba(0,0,0,0.3)',
+            'white-space': 'nowrap',
+          })
+        }
+        // 修改二级网格背景
+        this.layers.layer2.setOptions ({
+          strokeColor: '#FF8400',
+          fillColor: '#FF911A',
+          strokeOpacity: 1,
+          fillOpacity: 0.4,
+        })
+        // 修改围栏区域文本样式
+        var overlays = this.layers.layer3.getOverlays();
+        for (var i = 0; i < overlays.length; i++) {
+          let id = overlays[i].getExtData().id;
+          console.log(id,'id');
+          if(id == "围栏text" || id == "区域text") {
+            overlays[i].setStyle({
+              'font-size': '14px',
+              'text-align': 'center',
+              'color': '#E4ECFF',
+              'line-height': '24px',
+              'letter-spacing': '2px',
+              'white-space': 'nowrap',
+            })
+          } else if(id == "区域polygon") {
+            overlays[i].setOptions({
+              strokeOpacity: 0,
+              strokeColor: '#FF0000',
+              fillColor: '#FF0000',
+              fillOpacity:0.6,
+            })
+          } else if(id == "围栏polygon") {
+            overlays[i].setOptions({
+              strokeOpacity: 1,
+              strokeColor: "#00B7FF",
+              fillColor: "#001AFF",
+              fillOpacity: 0.5,
+            })
+          }
+        }
+        // this.layers.text.setOptions ({
+        //   setStyle:{
+        //     'font-size': '16px',
+        //     'font-weight': 'bold',
+        //     'text-align': 'center',
+        //     'color': '#DFFAFF',
+        //     'text-shadow': '0px 1px 0px rgba(0,0,0,0.3)',
+        //     'white-space': 'nowrap',
+        //   }
+        // })
         this.map.setMapStyle("amap://styles/whitesmoke")
         
       }
@@ -2326,7 +2553,28 @@ export default {
       // console.log(id)
     },
     // 输入框的搜索框点击事件
-    search() {},
+    search() {
+      // TODO:新增marker的方法
+      let ico5 = require("../../../assets/images/icon/icon5.png");
+      let offIcon4 = require("../../../assets/images/icon/offLine4.png");
+      point.features.forEach((element)=>{
+        if(element.properties.name == "重点事件"){
+          var marker = new AMap.Marker({
+            position: new AMap.LngLat(element.geometry.coordinates[0], element.geometry.coordinates[1]), // 标记位置
+            offset: new AMap.Pixel(-27, -94),
+            content:`<div class="markerStyles">
+                        <img src="${element.properties.status == "0"? offIcon4 : ico5}" alt="">
+                      </div>`,
+          });
+          marker.on("click",(e)=>{
+            this.monitoringInfo.visible = true;
+            this.monitoringInfo.position = [element.geometry.coordinates[0],element.geometry.coordinates[1]];
+          })
+          this.layers.markers.addOverlay(marker);
+          this.map.add(this.layers.markers)
+        }
+      })
+    },
     // 新增事件的点击事件
     createdTask() {
       this.$refs.newEvent.open();
@@ -2344,7 +2592,19 @@ export default {
       this.carInfo.visible = false;
       this.monitoringInfo.visible = false;
       this.shopInfo.visible = false;
-      this.getMarkers(id)
+      if (id == 1) {
+        this.markerOffset = new AMap.Pixel(-35, -123);
+      } else if (id == 2) {
+        this.markerOffset = new AMap.Pixel(-27, -113);
+      } else if (id == 3) {
+        this.markerOffset = new AMap.Pixel(-35, -148);
+      } else if (id == 4) {
+        this.markerOffset = new AMap.Pixel(-27, -94);
+      } else if (id == 5) {
+        this.markerOffset = new AMap.Pixel(-27, -94);
+      }
+      this.getMarkers(id);
+      
       // if (id == 1) {
       //   this.getTem();
       // } else {
@@ -2365,9 +2625,16 @@ export default {
       }, 200);
       this.$emit("rightAnimationAction");
     },
+    getCarList(){
+      getCarManageList({pageNum: 1,pageSize: 10}).then(res=>{
+        console.log(res);
+        this.carLine = res.rows
+      })
+    },
   },
-  mounted() {
 
+  mounted() {
+    this.getCarList()
   },
 };
 </script>
@@ -2376,6 +2643,11 @@ export default {
   width: 100%;
   height: 100%;
   position: relative;
+  .map-mengcheng {
+    position: absolute;
+    top: 0;
+
+  }
   .left-animationMap-enter-active,
   .left-animationMap-leave-active {
     transition: all 1s;
diff --git a/src/views/components/mapLeftNumber/index.vue b/src/views/components/mapLeftNumber/index.vue
index 82b37d4..ee5f7df 100644
--- a/src/views/components/mapLeftNumber/index.vue
+++ b/src/views/components/mapLeftNumber/index.vue
@@ -8,10 +8,11 @@
       <div>{{ id == 1 ? "姓名" : "车牌号" }}</div>
       <div class="header-title-right">实时定位/行程轨迹</div>
     </div>
-    <div class="left--lists" id="box" :style="{'height':(height - lists.height - 11) + 'px'}">
+    <!-- <div class="left--lists" id="box" :style="{'height':(height - lists.height - 11) + 'px'}"> -->
+    <div class="left--lists" id="box" :style="{'height':(height - lists.height + 5) + 'px'}">
       <div class="main-lists" v-for="(item,index) in numberArray" :key="index" :class="(index+1) % 2 == 0? 'main-lists2':''">
         <div class="list-title">
-          {{ item.userName }}
+          {{ item.userName  || item.carCode}}
         </div>
         <div class="list-right">
           <div class="real-time-location" @click="realTimeLocation(item)">
diff --git a/src/views/components/personagetrack/index.vue b/src/views/components/personagetrack/index.vue
index b95b1f4..03e40d1 100644
--- a/src/views/components/personagetrack/index.vue
+++ b/src/views/components/personagetrack/index.vue
@@ -102,7 +102,7 @@
                 class="amap-person"
               >
                 <!-- 江宁GeoJson文件 -->
-                <el-amap-geojson @init="initLocation" :geo="jiangninggeo" ref="jiangningGeojson" :polygon-options="polygonOptions" :visible="true" :draggable="false"></el-amap-geojson>
+                <!-- <el-amap-geojson @init="initLocation" :geo="jiangninggeo" ref="jiangningGeojson" :polygon-options="polygonOptions" :visible="true" :draggable="false"></el-amap-geojson> -->
               </el-amap>
               <!-- <img src="@/assets/images/minMap.png" alt="" /> -->
             </div>
@@ -115,6 +115,13 @@
 <script>
 import diaLog from "../../components/dialog/index.vue";
 import jiangninggeo from "@/utils/mapJson/jiangningjingkaiqugeo.json";
+
+import OneGJ02 from "@/utils/mapJson/1GJ02.json";
+import TwoGJ02 from "@/utils/mapJson/2GJ02.json";
+import ThreeGJ02 from "@/utils/mapJson/3GJ02.json";
+import FourGJ02 from "@/utils/mapJson/4GJ02.json";
+import kaifaqu from "@/utils/mapJson/开发区空港开发区GJ02.json";
+import ruanjianyuan from "@/utils/mapJson/开发区软件园GJ02.json";
 // import L from "leaflet";
 // import "@/utils/lib/leaflet.ChineseTmsProviders.js";
 // import "@/utils/lib/leaflet-tilelayer-colorizr.js";
@@ -148,12 +155,169 @@ export default {
       track: null,
       mapLayer1: null,
       loading: false,
+      layers:{
+        layer:null,
+      }
     };
   },
   methods: {
     init(map){
       this.map = map;
       map.setMapStyle("amap://styles/d02b66b0a7f190d5a1556a3f59c86518");
+      this.layers.layer = new AMap.OverlayGroup();
+
+      this.$nextTick(() => {
+        var geojson1 = new AMap.Polygon({
+          path:OneGJ02.features[0].geometry.coordinates[0][0],
+          strokeColor: '#00C5EC', 
+          fillColor: '#00AEFF',
+          fillOpacity: 0.4,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var text1 = new AMap.Text({
+          // position: [element.properties.CENTERX,element.properties.CENTERY],
+          position: getCenter(OneGJ02.features[0].geometry.coordinates[0][0]),
+          anchor: 'bottom-center',
+          text: OneGJ02.features[0].properties.NAME,
+          style:{
+            'font-size': '16px',
+            'font-weight': 'bold',
+            'text-align': 'center',
+            'color': '#00AEFF',
+            'text-shadow': '0px 1px 0px rgba(0,0,0,0.3)',
+            'white-space': 'nowrap',
+          },
+        });
+        var geojson2 = new AMap.Polygon({
+          path:TwoGJ02.features[0].geometry.coordinates[0][0],
+          strokeColor: '#00C5EC', 
+          fillColor: '#00AEFF',
+          fillOpacity: 0.4,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var text2 = new AMap.Text({
+          // position: [element.properties.CENTERX,element.properties.CENTERY],
+          position: getCenter(TwoGJ02.features[0].geometry.coordinates[0][0]),
+          anchor: 'bottom-center',
+          text: TwoGJ02.features[0].properties.NAME,
+          style:{
+            'font-size': '16px',
+            'font-weight': 'bold',
+            'text-align': 'center',
+            'color': '#00AEFF',
+            'text-shadow': '0px 1px 0px rgba(0,0,0,0.3)',
+            'white-space': 'nowrap',
+          },
+        });
+        var geojson3 = new AMap.Polygon({
+          path:ThreeGJ02.features[0].geometry.coordinates[0][0],
+          strokeColor: '#00C5EC', 
+          fillColor: '#00AEFF',
+          fillOpacity: 0.4,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var text3 = new AMap.Text({
+          // position: [element.properties.CENTERX,element.properties.CENTERY],
+          position: getCenter(ThreeGJ02.features[0].geometry.coordinates[0][0]),
+          anchor: 'bottom-center',
+          text: ThreeGJ02.features[0].properties.NAME,
+          style:{
+            'font-size': '16px',
+            'font-weight': 'bold',
+            'text-align': 'center',
+            'color': '#00AEFF',
+            'text-shadow': '0px 1px 0px rgba(0,0,0,0.3)',
+            'white-space': 'nowrap',
+          },
+        });
+        var geojson4 = new AMap.Polygon({
+          path:FourGJ02.features[0].geometry.coordinates[0][0],
+          strokeColor: '#00C5EC', 
+          fillColor: '#00AEFF',
+          fillOpacity: 0.4,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+
+        var text4 = new AMap.Text({
+          // position: [element.properties.CENTERX,element.properties.CENTERY],
+          position: getCenter(FourGJ02.features[0].geometry.coordinates[0][0]),
+          anchor: 'bottom-center',
+          text: FourGJ02.features[0].properties.NAME,
+          style:{
+            'font-size': '16px',
+            'font-weight': 'bold',
+            'text-align': 'center',
+            'color': '#00AEFF',
+            'text-shadow': '0px 1px 0px rgba(0,0,0,0.3)',
+            'white-space': 'nowrap',
+          },
+        });
+        var geojson5 = new AMap.Polygon({
+          path:kaifaqu.features[0].geometry.coordinates[0][0],
+          strokeColor: '#00C5EC', 
+          fillColor: '#00AEFF',
+          fillOpacity: 0.4,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var text5 = new AMap.Text({
+          // position: [element.properties.CENTERX,element.properties.CENTERY],
+          position: getCenter(kaifaqu.features[0].geometry.coordinates[0][0]),
+          anchor: 'bottom-center',
+          text: kaifaqu.features[0].properties.NAME,
+          style:{
+            'font-size': '16px',
+            'font-weight': 'bold',
+            'text-align': 'center',
+            'color': '#00AEFF',
+            'text-shadow': '0px 1px 0px rgba(0,0,0,0.3)',
+            'white-space': 'nowrap',
+          },
+        });
+
+        var geojson6 = new AMap.Polygon({
+          path:ruanjianyuan.features[0].geometry.coordinates[0][0],
+          strokeColor: '#00C5EC', 
+          fillColor: '#00AEFF',
+          fillOpacity: 0.4,
+          // fillOpacity: 0.3,
+          editable:false,
+          visible:true,
+        })
+        var text6 = new AMap.Text({
+          // position: [element.properties.CENTERX,element.properties.CENTERY],
+          position: getCenter(ruanjianyuan.features[0].geometry.coordinates[0][0]),
+          anchor: 'bottom-center',
+          text: ruanjianyuan.features[0].properties.NAME,
+          style:{
+            'font-size': '16px',
+            'font-weight': 'bold',
+            'text-align': 'center',
+            'color': '#00AEFF',
+            'text-shadow': '0px 1px 0px rgba(0,0,0,0.3)',
+            'white-space': 'nowrap',
+          },
+        });
+
+        
+        this.layers.layer.addOverlay(geojson1);
+        this.layers.layer.addOverlay(geojson2);
+        this.layers.layer.addOverlay(geojson3);
+        this.layers.layer.addOverlay(geojson4);
+        this.layers.layer.addOverlay(geojson5);
+        this.layers.layer.addOverlay(geojson6);
+        this.map.add(this.layers.layer);
+        map.setFitView();
+      })
     },
     initLocation(){
       // 获取地图实例
diff --git a/src/views/components/video/index.vue b/src/views/components/video/index.vue
index d183cfb..53e0240 100644
--- a/src/views/components/video/index.vue
+++ b/src/views/components/video/index.vue
@@ -4,7 +4,7 @@
  * @Author: JC9527
  * @Date: 2023-12-26 13:59:07
  * @LastEditors: JC9527
- * @LastEditTime: 2023-12-26 14:26:20
+ * @LastEditTime: 2023-12-28 14:46:59
 -->
 <template>
   <dia-log ref="dialog4" width="45%" title="实时监控" @close="Close">
@@ -35,15 +35,16 @@ export default {
   components:{diaLog},
   data() {
     return {
-      videoUrl: "https://cdn.theoplayer.com/video/big_buck_bunny/big_buck_bunny.m3u8",
+      videoUrl: "",
       videoPlayer: null,
     }
   },
   props:{},
   methods:{
-    open() {
+    open(url) {
       this.$refs.dialog4.open('3');
       this.initVideo();
+      this.videoUrl = url;
     },
     Close() {
       // this.videoPlayer.dispose();
@@ -70,6 +71,7 @@ export default {
   },
   destroyed() {
     if(this.videoPlayer){
+      console.log("1111111111111111111111");
       this.videoPlayer.dispose();
     }
   }