From fb4673024f05c95d99bf591d338e645ae2dacbbf Mon Sep 17 00:00:00 2001
From: Xu Zhimeng <xuzhimeng@qq.com>
Date: Thu, 8 Jun 2023 19:31:07 +0800
Subject: [PATCH] =?UTF-8?q?WIP:=20STATION=20OPERATION=E9=A1=B5=E5=B7=A6?=
 =?UTF-8?q?=E4=BE=A7=E5=88=97=E8=A1=A8=E5=AE=8C=E6=88=90=EF=BC=8C=E5=9C=B0?=
 =?UTF-8?q?=E5=9B=BE=E7=BB=98=E5=88=B6=E5=AE=8C=E6=88=90=EF=BC=8C=E6=A0=87?=
 =?UTF-8?q?=E8=AE=B0=E7=89=A9=E8=BF=9B=E8=A1=8C=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |  46 +-
 src/assets/images/station-operation/car.png   | Bin 0 -> 2995 bytes
 .../images/station-operation/date-item-bg.png | Bin 0 -> 1491 bytes
 .../images/station-operation/filter.png       | Bin 0 -> 1162 bytes
 .../groud-monitoring-station.png              | Bin 0 -> 3985 bytes
 .../station-operation/ims-rn-station.png      | Bin 0 -> 2792 bytes
 .../station-operation/nuclear-facility.png    | Bin 0 -> 3428 bytes
 .../images/station-operation/search.png       | Bin 0 -> 1142 bytes
 src/assets/images/station-operation/ship.png  | Bin 0 -> 4191 bytes
 .../images/station-operation/toggle.png       | Bin 0 -> 1201 bytes
 src/components/ScrollContainer/index.vue      |  45 +
 src/style.less                                |  19 +
 src/views/stationOperation/components/Map.vue | 170 ++++
 .../stationOperation/components/data.json     | 850 ++++++++++++++++++
 .../components/markerImage.js                 |  13 +
 src/views/stationOperation/index.vue          | 422 ++++++++-
 src/views/system/Scheduling.vue               |   2 +-
 src/views/user/Login.vue                      |  11 +-
 18 files changed, 1551 insertions(+), 27 deletions(-)
 create mode 100644 src/assets/images/station-operation/car.png
 create mode 100644 src/assets/images/station-operation/date-item-bg.png
 create mode 100644 src/assets/images/station-operation/filter.png
 create mode 100644 src/assets/images/station-operation/groud-monitoring-station.png
 create mode 100644 src/assets/images/station-operation/ims-rn-station.png
 create mode 100644 src/assets/images/station-operation/nuclear-facility.png
 create mode 100644 src/assets/images/station-operation/search.png
 create mode 100644 src/assets/images/station-operation/ship.png
 create mode 100644 src/assets/images/station-operation/toggle.png
 create mode 100644 src/components/ScrollContainer/index.vue
 create mode 100644 src/views/stationOperation/components/Map.vue
 create mode 100644 src/views/stationOperation/components/data.json
 create mode 100644 src/views/stationOperation/components/markerImage.js

diff --git a/package.json b/package.json
index 06ced36..48f73e6 100644
--- a/package.json
+++ b/package.json
@@ -10,42 +10,43 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "@jeecg/antd-online-mini": "3.4.3-beta2",
-    "ant-design-vue": "^1.7.2",
     "@antv/data-set": "^0.11.4",
-    "viser-vue": "^2.4.8",
+    "@jeecg/antd-online-mini": "3.4.3-beta2",
+    "@tinymce/tinymce-vue": "2.1.0",
+    "@toast-ui/editor": "^2.1.2",
+    "ant-design-vue": "^1.7.2",
     "axios": "^0.18.0",
+    "china-area-data": "^5.0.1",
+    "clipboard": "^2.0.4",
+    "codemirror": "^5.46.0",
+    "cron-parser": "^2.10.0",
     "dayjs": "^1.8.0",
+    "dom-align": "1.12.0",
     "enquire.js": "^2.1.6",
     "js-cookie": "^2.2.0",
     "lodash.get": "^4.4.2",
     "lodash.pick": "^4.4.0",
     "md5": "^2.2.1",
     "nprogress": "^0.2.0",
+    "ol": "^7.4.0",
+    "qiankun": "^2.5.1",
+    "tinymce": "5.4.1",
+    "viser-vue": "^2.4.8",
     "vue": "^2.6.10",
+    "vue-area-linkage": "^5.1.0",
     "vue-cropper": "^0.5.4",
     "vue-i18n": "^8.7.0",
     "vue-loader": "^15.7.0",
     "vue-ls": "^3.2.0",
-    "vue-router": "^3.0.1",
-    "vuex": "^3.1.0",
-    "vue-print-nb-jeecg": "^1.0.12",
-    "clipboard": "^2.0.4",
     "vue-photo-preview": "^1.1.3",
+    "vue-print-nb-jeecg": "^1.0.12",
+    "vue-router": "^3.0.1",
     "vue-splitpane": "^1.0.4",
     "vuedraggable": "^2.20.0",
-    "codemirror": "^5.46.0",
-    "@tinymce/tinymce-vue": "2.1.0",
-    "tinymce": "5.4.1",
-    "@toast-ui/editor": "^2.1.2",
-    "vue-area-linkage": "^5.1.0",
-    "china-area-data": "^5.0.1",
-    "dom-align": "1.12.0",
-    "xe-utils": "2.4.8",
+    "vuex": "^3.1.0",
     "vxe-table": "2.9.13",
     "vxe-table-plugin-antd": "1.8.10",
-    "cron-parser": "^2.10.0",
-    "qiankun": "^2.5.1",
+    "xe-utils": "2.4.8",
     "xss": "^1.0.13"
   },
   "devDependencies": {
@@ -55,13 +56,13 @@
     "@vue/cli-service": "^3.3.0",
     "@vue/eslint-config-standard": "^4.0.0",
     "babel-eslint": "7.2.3",
+    "compression-webpack-plugin": "^3.1.0",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.1.0",
+    "html-webpack-plugin": "^4.2.0",
     "less": "^3.9.0",
     "less-loader": "^4.1.0",
-    "vue-template-compiler": "^2.6.10",
-    "html-webpack-plugin": "^4.2.0",
-    "compression-webpack-plugin": "^3.1.0"
+    "vue-template-compiler": "^2.6.10"
   },
   "eslintConfig": {
     "root": true,
@@ -99,7 +100,10 @@
       "vue/html-closing-bracket-newline": 0,
       "vue/no-parsing-error": 0,
       "no-tabs": 0,
-      "indent": ["off", 2],
+      "indent": [
+        "off",
+        2
+      ],
       "no-console": 0,
       "space-before-function-paren": 0
     }
diff --git a/src/assets/images/station-operation/car.png b/src/assets/images/station-operation/car.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc008fc7df7fa9adee7dc4eb6ad2fa06521de5a9
GIT binary patch
literal 2995
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/station-operation/date-item-bg.png b/src/assets/images/station-operation/date-item-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..052fa96badb3869573a8630d4f85bfa506dbe546
GIT binary patch
literal 1491
zcmeAS@N?(olHy`uVBq!ia0y~yU~~eq{W;ix<UE%%-++{4iEBhjaDG}zd16s2gJVj5
zQmTSyZen_BP-<dIW#P$G8wLhu<;;+Xk_cZPtK|G#y+n{2y^7odpl${R8~cia#N_PM
z5{0DH^vpb4rT4q{D=B2A*eZpa`WpBaIHzW0dQ=sq23ProBv)l8Tc#-4+bP&oSOE>l
zO)W`OsL0L9E4HezRRWu91!RMS^_3LBN=mYAl^~9a@C{IK&M!(;Fw-;8O*SwvQZTpF
zGc+?XF*DFnFfuSQ&^IvEH#E{UG_x`=u`)DQfC43;ZAB?*RzWUqP`iLUTcwPWk^(Dz
z{qpj1y>er{{GxPyLrY6beFGzXBO_g)3f<z$ypqHU-MnIDm<cYa#mPmP1tppJc?uvC
z6O-~wOKg>ZE`@j@w*YQzUNJP7fB~jokyxN_sAmB35=^15FMg%Dxp39RB|)hO_hL1;
zIHa;5RX-@TIKQ+g85nVC${?!>telHd6HD@oLh|!-V4)b0kzbNuoRMFkU}UIgq@WR=
znU|7ZUaSe$;OlGUnO9trn3tUD>0+w{G(s;kGsViu%+k!j(bCe@)y>t=(ACA##n8>k
zz}djU)y>Sw%*Y(3*Cju>G&eP`1g19yq1O?oUQk-dEdbi=l3J8mmYU*Ll%J~r_On$c
zZnv1@G!Lpb1-Dx)aO%|uIz}H9vq&)w69Oh55EGtmfgE_sPt5}+_ab1rel03Hmw|!F
z&C|s(q~g|_>$cg!filNG78fV$DwUj2vFN-z<;8`o)><5T2gMiWA8_?BwtAH<5OXW=
z`LTmd97=Xh)45n#vlT<Vecm^#i<)mN%Q^Ra^B?CEU!?cVN%<Kh_;1-=?O6;3dvvC+
zK78>1za2IEzU?mm|L5YX50hgXlN0OKO^ttfueX0k!4wI<t!voNw0vB$Zr;9Mw`y+B
zKDI%>r9nbYvCWA?Mc!GFWm5k_0j87312`IQ_C5UYL4r%s;C7vy9E!}7WQ`VwO@?#!
zU$^f_yshQ1%J5A0JCnA!7KdAgJ@cov3V2wxT~=;!_|zgG;3Ul8#G%kaJRxyw@1wBI
zyTfO(dl<DCHkltv`Cs?<&DXxlh9^!E$`ytoUk_*feY@hP;kq--Dx!xZ4sQNvvofwm
zWA@vN`!XArfYfNsJN|X|+19kzr*G&u1S$3io_Smwl3!;RzyJS_yDAP{`iIy*uK%$0
z*VAL`EE__cD|ScKZx(*F%aDCS7KihUDM}nFa!w42ECQ4h4Ju9*MScQ}U!JUe<Illf
zdGT$B;)FZi9}exj{Bg~bM3HNsyt^yQmKATkc}uQ+Rn{5iGrQJoE>POPC!$Sf_q?ax
tM-NVa8@Ex$|GtfbQ(oVDp0GMj1BPJzw`(|mUDpN`v!1SgF6*2UngBX(4ZHvV

literal 0
HcmV?d00001

diff --git a/src/assets/images/station-operation/filter.png b/src/assets/images/station-operation/filter.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae37cd75395ef3f212790e24b99cacb6fef7e298
GIT binary patch
literal 1162
zcmeAS@N?(olHy`uVBq!ia0vp@K+MCz1|)ZGH@^v_BuiW)N`mv#O3D+9QW+dm@{>{(
zJaZG%Q-e|yQz{EjrrIztFe_(<M3hAM`dB6B=jtVb)aX^@765fKFxc2v6eK2Rr<N!r
zrKV@**($x?y<bToGsRXZ+|<{=x4=0yBh#a*C^fjsFC@7tJJ~Wt$=*)EroswnKyGSD
zqC!P(PF}H9g{>0UTq__OB&@Hb09I0xZL0)vRD^GUf^&XRs)CuGfo`&afsul_rJkXg
ziHVtkj)IYak%7K}slK6+uA!Ngfr*u&xdId@0c|TvNwW%aaf8|g<k>1^l#~=$>Fbx5
zm+O@q>*W`v>l<2HTIw4Z=^Gj80#)c1SLT%@R_NvxE5l51Ni9w;$}A|!%+FH*nV6WA
zUs__T1av9H3%LbwWAlok!2}F2{ffi_eM3D1ke6TzeSPsO&CP|YE-nd5MYtEM!Nnn!
z1*!T$sm1xFMajU3OH&3}Rbb^@l$uzQUlfv`p92fUfQ<Z-{NjxK0tF*OJtGB;@XWlF
z{PJQ=um)dWE6=>*lEl2^R8JRMC7=;{nVBh8=9b15Mux^NuC8vbhK8;#js}J%mIkh-
zrY5dVCWe+yFugAM$)&lec_lEtDG0r;IQ4?kLT&-jW|!2W%(B!Jx1#)91+bs3GI6`b
z38#5by(zfe;*3+TKF~4xpqNF9X_yc&`GA=4bPMFbQ+{e5Fu4~2(=~V7#WTP>@z>ME
zF{I*F&836hOpYSQKSs{(W?w0)5?~YdATr-E-I3!<KL`J!tBQ*jmz)V+aH&3_-j%C~
zqe)P9Pw9sQxh39{)PBiUaGy4MeIQ*hz3#VM{<W3<_RGCiI{#5xc<4IMag9tl*((<g
zX$LhP{y$@JKd+lwNiRoUVSnS&Q?l1QW_LyXTk}Xn`^d%*tn&(*jWYu?@2AP-SGWrs
zS_thpaKw5AbMB0@x^hcrX|F9U)YQM3<^8{Y#RFF7n#CR4-dJy&Fzw(B(W9Jl7r3*}
zM|;P=aE_|J7ygn#@@MX`Ia924-f)`+9NXDb*(0-VkE4r@V)4nyKM%au9hhT1>HOKd
aoCXZL3k)l-$fUjll@6Y+elF{r5}E)Vy^Ik6

literal 0
HcmV?d00001

diff --git a/src/assets/images/station-operation/groud-monitoring-station.png b/src/assets/images/station-operation/groud-monitoring-station.png
new file mode 100644
index 0000000000000000000000000000000000000000..2c398adabbc8417e76adf53bdae40cb5739c54cf
GIT binary patch
literal 3985
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/station-operation/ims-rn-station.png b/src/assets/images/station-operation/ims-rn-station.png
new file mode 100644
index 0000000000000000000000000000000000000000..e4897df363a6eafd498dd1c345a69a2e12c2bc2d
GIT binary patch
literal 2792
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/station-operation/nuclear-facility.png b/src/assets/images/station-operation/nuclear-facility.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9280e914390f5657b921939701a0f9a0bbad2d2
GIT binary patch
literal 3428
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
J)>#K6{0mkX@+trT

literal 0
HcmV?d00001

diff --git a/src/assets/images/station-operation/search.png b/src/assets/images/station-operation/search.png
new file mode 100644
index 0000000000000000000000000000000000000000..a5d1153e5b8dd7307c23fa697d020f5f3443ebbb
GIT binary patch
literal 1142
zcmaJ>O-vM59DhIyLP5r;G|;4Z9a_J_&KC=~6IK>>7TClk>$)jx!h!jCuoIYh)0szi
z*tB+$Lst{e^-wKoqUp(KqUpf{A=yh44vpGaJrYx6Of<%(l6cTJ$f5_glgzyLfBFA@
z|F7Shv+0SkwwA6I06<%ET*=V2HF$S5((l&`Q;+D<NfJ4763>u=>LM^~U=6{frOu)Z
zQjNuL{y>8OG<2KU9Lc4Q%R06=HSpnl%b{oh28Vn{)#ng_8k#ljDEsWzDho{`%1-vB
zgp?CUd2_tzqLammtX`bcBL+Kk3=aA-C9n`tp>NIGp6o~2Enb=KgJYhBTP|cS%Dzo1
zmrBDpb`k97gpe)>5*&zdVt+W?FZ4i3kOW@n<3%YX_RB(876;(=!_sK3F(YS`(d}5&
zin4h^9GT|}g#uUT<*+-;i;+l#7bISiLewMVE!sr&L$=plWl)f(yQV`-Y{P(2)$js|
zvNY4TC0Nc5t?g~Mi8hS)RfiWjAt<Tpm`eS>t7YwYdnAM2<@-TmFT3a<K7%~G;Oca6
zGu=TbM~=HlCD_ekJYVf%I*$qV^4Nir$Vu?fq-h(t;2quqq*8Ly_K0fhD5*qQO2L_?
zArFl7ilQ>on@Ef%L@}Wp9Uh5OD=a01urv@Cs#pc<3l_3T6>Gf1hHGL2Em#hXtRUC?
z78#>1w%}IHvROM9u_oU()~KC}R1?e7WcXmR?@hXTMCB7~cXUgQ9pxjN%H5^9uB>rc
zdM6$ymEo-aK$|~ZJYU!HWyx=0ZUM2Kc?~vtV^g5=>GZh^D>wEtLrvNoeERVQ1FzO=
zU%+GSm9s)yPpk)2#+LlAm@#4HOfojLyYiy6d4&0;{{A(lysDpQZMYcwuC@I8+RqQ0
zDu1<Z4vWku4cGUrw;ycI`{44;>8`uYd1m?c%L^-4?(O|E-CX%$y6e|c?(^~!=g{s_
zW4Uwv&dbu#y7FgBn;^{GSo(WU`KP+)#otCx<pzb=@_z>yzJBBU_?6X0?I8ST`P{v0
uFnI}ReXyfRGvVnU_sKB*QRRD3*9ayHM_%pucd{e+6C@K8%GHtSGj9Mf<83Jb

literal 0
HcmV?d00001

diff --git a/src/assets/images/station-operation/ship.png b/src/assets/images/station-operation/ship.png
new file mode 100644
index 0000000000000000000000000000000000000000..0583525b9d297510938bcc6f1a0418b7ba263039
GIT binary patch
literal 4191
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/station-operation/toggle.png b/src/assets/images/station-operation/toggle.png
new file mode 100644
index 0000000000000000000000000000000000000000..24a8557e43e71a387e5f785a59c53c2327eb1c2d
GIT binary patch
literal 1201
zcmeAS@N?(olHy`uVBq!ia0vp^Ahs9>8<6~|#v2QyBuiW)N`mv#O3D+9QW+dm@{>{(
zJaZG%Q-e|yQz{EjrrIztFe_(<M3hAM`dB6B=jtVb)aX^@765fKFxc2v6eK2Rr<N!r
zrKV@**($x?y<bToGsRXZ+|<{=x4=0yBh#a*C^fjsFC@7tJJ~Wt$=*)EroswnKyGSD
zqC!P(PF}H9g{>0UTq__OB&@Hb09I0xZL0)vRD^GUf^&XRs)CuGfo`&afsul_rJkXg
ziHVtkj)IYak%7K}slK6+uA!Ngfr*u&xdId@0c|TvNwW%aaf8|g<k>1^l#~=$>Fbx5
zm+O@q>*W`v>l<2HTIw4Z=^Gj80#)c1SLT%@R_NvxE5l51Ni9w;$}A|!%+FH*nV6WA
zUs__T1av9H3%LbwWAlok!2}F2{ffi_eM3D1ke6TzeSPsO&CP|YE-nd5MYtEM!Nnn!
z1*!T$sm1xFMajU3OH&3}Rbb^@l$uzQUlfv`p92fUfQ<Z-{NjxK0tF*OJtGB;@XWlF
z{PJQ=um)dWE6=>*lEl2^R8JRMC7=;{nVBh81{MZRF2-&quC8vbhK8;#P9|=aZpP-$
z<`#~o7AD5VFugAM$)&lec_lEtDG0r$IQ4?kLT&-jW|!2W%(B!Jx1#)91+bs3GI6`b
z2&Z{ay(zfeVvJL-KF~4xpqNF9X_yc&`GA=4bPMFbQ+{e5Fu4~2)AfooUDp^G7*#x7
z978H@C8gZ>J*|;r!XcNIMSKeLd_5AG1*SJk=v0VoWhxY%@|S6Pr)_|1c;gN34#|x(
zEm%7?H~ugakY@Uruh8diUMLoF(Np1CyB1U9+!JbgOphWI?r|T{^LTX1A%{CigZIem
zh8sLujcYtOI?gkE<elJTukeid(Orf6ikg?$9=&zYVJPBK?wgUw{D|E_hx4<-3FDUz
zH4Gio84Be?n4WYRDAX}O{m(jc1z*Y=rX<T13d)mC207FScjy~CN`7+KBdN8M$@8JH
zf*IRU(_PYz`}kQ}r3I=Lyce)n2neiaNh(*cYg5VV(_N>$pfR8G>k?KE<8@br`H#dm
zSa4^3(ylqFBkk2J(k<+@L*ZyKr)o?^9pj_up8x;<tE&|oGO$Q6R2kTqIqnl<1r;Km
Lu6{1-oD!M<fpmmM

literal 0
HcmV?d00001

diff --git a/src/components/ScrollContainer/index.vue b/src/components/ScrollContainer/index.vue
new file mode 100644
index 0000000..128d15d
--- /dev/null
+++ b/src/components/ScrollContainer/index.vue
@@ -0,0 +1,45 @@
+<template>
+  <div ref="containerRef" class="scroll-container" :class="{ 'scroll-end': scrollEnd }" @scroll="onScroll">
+    <slot></slot>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    direction: {
+      type: String,
+      default: 'horizontal', // horizontal | vertical
+    },
+  },
+  data() {
+    return {
+      scrollEnd: false,
+    }
+  },
+  mounted() {
+    this.onScroll()
+    window.addEventListener('resize', this.onScroll)
+  },
+  destroyed() {
+    window.removeEventListener('resize', this.onScroll)
+  },
+  methods: {
+    onScroll() {
+      const ele = this.$refs.containerRef
+      if (this.direction == 'horizontal') {
+        this.scrollEnd = ele.scrollLeft + ele.offsetWidth == ele.scrollWidth
+      } else {
+        this.scrollEnd = ele.scrollTop + ele.offsetHeight == ele.scrollHeight
+      }
+      this.$emit('scrollEnd', this.scrollEnd)
+    },
+  },
+}
+</script>
+<style lang="less" scoped>
+.scoll-container {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+</style>
\ No newline at end of file
diff --git a/src/style.less b/src/style.less
index 7841c75..5155066 100644
--- a/src/style.less
+++ b/src/style.less
@@ -838,6 +838,25 @@ body {
   }
 }
 
+// collapse
+@collapse-panel-border-radius: 0;
+@collapse-header-padding: 0;
+@collapse-header-bg: transparent;
+@collapse-header-padding-extra: 20px;
+@collapse-content-padding: 0;
+@collapse-content-bg: transparent;
+.ant-collapse {
+  border: none;
+
+  > .ant-collapse-item {
+    border-bottom: none;
+  }
+
+  &-content {
+    border-top: none;
+  }
+}
+
 #userLayout {
   .container {
     background-color: @modalBg !important;
diff --git a/src/views/stationOperation/components/Map.vue b/src/views/stationOperation/components/Map.vue
new file mode 100644
index 0000000..ad16370
--- /dev/null
+++ b/src/views/stationOperation/components/Map.vue
@@ -0,0 +1,170 @@
+<template>
+  <div ref="mapContainerRef" class="map-container">
+    <slot></slot>
+  </div>
+</template>
+<script>
+import { Vector as VectorLayer } from 'ol/layer'
+import TileLayer from 'ol/layer/Tile'
+import Map from 'ol/Map'
+import VectorSource from 'ol/source/Vector'
+import XYZ from 'ol/source/XYZ'
+import View from 'ol/View'
+import Feature from 'ol/Feature'
+import { Fill, Icon, Stroke, Style, Text } from 'ol/style'
+import { Point } from 'ol/geom'
+import Overlay from 'ol/Overlay'
+import Data from './data.json'
+import * as MarkerImg from './markerImage'
+console.log('%c [ MarkerImg ]-19', 'font-size:13px; background:pink; color:#bf2c9f;', MarkerImg)
+
+const token = 'AAPK2b935e8bbf564ef581ca3c6fcaa5f2a71ZH84cPqqFvyz3KplFRHP8HyAwJJkh6cnpcQ-qkWh5aiyDQsGJbsXglGx0QM2cPm'
+export default {
+  data() {
+    return {
+      stationList: []
+    }
+  },
+  mounted() {
+    this.initMap()
+    this.initMapClick()
+    this.initMapPopup()
+    this.getStationList()
+  },
+  methods: {
+    // 获取站点列表
+    getStationList() {
+      this.stationList = Data.result
+      console.log('%c [ this.stationList ]-36', 'font-size:13px; background:pink; color:#bf2c9f;', this.stationList)
+      this.initMarkers()
+    },
+
+    // 初始化地图
+    initMap() {
+      const layers = [
+        new TileLayer({
+          source: new XYZ({
+            url: `https://ibasemaps-api.arcgis.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}?token=${token}`
+          })
+        })
+      ]
+
+      const view = new View({
+        projection: 'EPSG:4326', // 使用这个坐标系
+        center: [116.2, 39.56],
+        zoom: 4,
+        maxZoom: 16,
+        minZoom: 1
+      })
+
+      this.map = new Map({
+        target: this.$refs.mapContainerRef,
+        layers,
+        view,
+        controls: []
+      })
+    },
+
+    // 初始化marker
+    initMarkers() {
+      const markerFeatures = []
+      this.stationList.forEach((eventItem, index) => {
+        markerFeatures.push(this.getMarker(eventItem))
+        markerFeatures.push(this.getCircle(eventItem))
+      })
+      const markerLayer = new VectorLayer({
+        source: new VectorSource({
+          features: markerFeatures
+        }),
+        properties: { name: 'eventMarker' }
+      })
+      this.map.addLayer(markerLayer)
+    },
+
+    // 初始化地图点击事件
+    initMapClick() {
+      this.map.on('click', async evt => {
+        const feature = this.map.forEachFeatureAtPixel(evt.pixel, feature => {
+          return feature
+        })
+        this.currentCoords = feature.getGeometry().getCoordinates()
+        const stationInfo = feature && feature.values_ && feature.values_.stationInfo
+        if (stationInfo) {
+          await this.showMapPopup(stationInfo)
+        } else {
+          this.closeMapPopup()
+        }
+      })
+    },
+
+    // 初始化地图弹窗
+    initMapPopup() {
+      this.popupOverlay = new Overlay({
+        element: this.$refs.mapPopupRef,
+        autoPan: true,
+        autoPanAnimation: {
+          duration: 250
+        }
+      })
+      this.map.addOverlay(this.popupOverlay)
+    },
+
+    // 显示地图弹窗
+    async showMapPopup(stationInfo) {
+      this.popupOverlay.setPosition([stationInfo.lon, stationInfo.lat])
+      this.currMapClickEventItem = stationInfo // 填充基本信息
+      if (!stationInfo.appEventDetailList) {
+        this.isGettingPopupDetail = true
+        const eventDetail = await this.getDetail(stationInfo.orid)
+        stationInfo.appEventDetailList = eventDetail.appEventDetailList
+        this.isGettingPopupDetail = false
+      }
+    },
+
+    //关闭地图弹窗
+    closeMapPopup() {
+      this.popupOverlay.setPosition(null)
+      this.removeOtherLayers()
+    },
+
+    // 获取marker图标
+    getMarker(stationInfo) {
+      const { lon, lat } = stationInfo
+      const markerFeature = new Feature({
+        geometry: new Point([lon, lat]),
+        stationInfo
+      })
+
+      markerFeature.setStyle(this.getMarkerStyle(stationInfo))
+      return markerFeature
+    },
+
+    // 获取circle
+    getCircle(stationInfo) {
+      const { lon, lat } = stationInfo
+      const markerFeature = new Feature({
+        geometry: new Point([lon, lat]),
+        stationInfo
+      })
+
+      markerFeature.setStyle(this.getMarkerStyle(stationInfo))
+      return markerFeature
+    },
+    // 获取marker颜色
+    getMarkerStyle() {
+      const src = MarkerImg.Car
+      return new Style({
+        image: new Icon({
+          src,
+          scale: 0.8
+        })
+      })
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+.map-container {
+  height: 100%;
+}
+</style>
diff --git a/src/views/stationOperation/components/data.json b/src/views/stationOperation/components/data.json
new file mode 100644
index 0000000..d4c7a5f
--- /dev/null
+++ b/src/views/stationOperation/components/data.json
@@ -0,0 +1,850 @@
+{
+  "success": true,
+  "message": "",
+  "code": 200,
+  "result": [
+    {
+      "evid": 11827659,
+      "orid": 11827659,
+      "magnitude": 3.38,
+      "magType": "ml",
+      "time": "2023-06-08 16:52:23",
+      "region": "NORTH KOREA",
+      "lat": 38.98,
+      "lon": 128.44,
+      "ms": -999.0,
+      "ml": 3.38,
+      "mb": 4.01,
+      "depth": 0.0,
+      "arsTable": 0,
+      "arsType": 0,
+      "arsTypeValue": "已告警",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 17:16:01",
+      "sourceAudit": 0,
+      "discardList": []
+    },
+    {
+      "evid": 11827486,
+      "orid": 11827486,
+      "magnitude": 3.29,
+      "magType": "ml",
+      "time": "2023-06-08 15:43:29",
+      "region": "NORTH KOREA",
+      "lat": 38.55,
+      "lon": 126.69,
+      "ms": -999.0,
+      "ml": 3.29,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 15:52:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11827486, "reason": "Invalid detections", "auth": "wangxl", "lddate": "2023-06-08 15:58:25" }
+      ]
+    },
+    {
+      "evid": 11827386,
+      "orid": 11827449,
+      "magnitude": 3.1,
+      "magType": "ml",
+      "time": "2023-06-08 14:00:07",
+      "region": "NORTHEASTERN CHINA",
+      "lat": 45.96,
+      "lon": 128.39,
+      "ms": -999.0,
+      "ml": 3.1,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 1,
+      "arsType": 1,
+      "arsTypeValue": "真事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 15:34:00",
+      "sourceAudit": 1,
+      "discardList": []
+    },
+    {
+      "evid": 11827339,
+      "orid": 11827432,
+      "magnitude": 1.4,
+      "magType": "ml",
+      "time": "2023-06-08 13:38:07",
+      "region": "CENTRAL CALIFORNIA",
+      "lat": 35.47,
+      "lon": -118.04,
+      "ms": -999.0,
+      "ml": 1.4,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 1,
+      "arsType": 1,
+      "arsTypeValue": "真事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 15:30:00",
+      "sourceAudit": 1,
+      "discardList": []
+    },
+    {
+      "evid": 11826874,
+      "orid": 11826874,
+      "magnitude": 4.52,
+      "magType": "ml",
+      "time": "2023-06-08 10:55:39",
+      "region": "NORTH KOREA",
+      "lat": 42.19,
+      "lon": 129.39,
+      "ms": -999.0,
+      "ml": 4.52,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 11:06:01",
+      "sourceAudit": 1,
+      "discardList": []
+    },
+    {
+      "evid": 11826521,
+      "orid": 11826521,
+      "magnitude": 3.34,
+      "magType": "ml",
+      "time": "2023-06-08 07:39:14",
+      "region": "NORTH KOREA",
+      "lat": 41.39,
+      "lon": 126.65,
+      "ms": -999.0,
+      "ml": 3.34,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 0,
+      "arsType": 0,
+      "arsTypeValue": "已告警",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 07:50:00",
+      "sourceAudit": 0,
+      "discardList": []
+    },
+    {
+      "evid": 11826346,
+      "orid": 11826655,
+      "magnitude": 2.42,
+      "magType": "ml",
+      "time": "2023-06-08 05:22:52",
+      "region": "NEVADA",
+      "lat": 40.01,
+      "lon": -115.65,
+      "ms": -999.0,
+      "ml": 2.42,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 2,
+      "arsType": 1,
+      "arsTypeValue": "真事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 09:06:00",
+      "sourceAudit": 1,
+      "discardList": []
+    },
+    {
+      "evid": 11826165,
+      "orid": 11826169,
+      "magnitude": 1.76,
+      "magType": "ml",
+      "time": "2023-06-08 05:05:17",
+      "region": "NEVADA",
+      "lat": 39.97,
+      "lon": -114.45,
+      "ms": -999.0,
+      "ml": 1.76,
+      "mb": 5.8,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 05:26:00",
+      "sourceAudit": 1,
+      "discardList": [{ "evid": 11826165, "reason": "系统自动拒绝", "auth": null, "lddate": null }]
+    },
+    {
+      "evid": 11826052,
+      "orid": 11826056,
+      "magnitude": 2.99,
+      "magType": "ml",
+      "time": "2023-06-08 04:32:29",
+      "region": "NORTH KOREA",
+      "lat": 41.3,
+      "lon": 129.24,
+      "ms": -999.0,
+      "ml": 2.99,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 04:42:00",
+      "sourceAudit": 1,
+      "discardList": []
+    },
+    {
+      "evid": 11825774,
+      "orid": 11825774,
+      "magnitude": 4.88,
+      "magType": "ml",
+      "time": "2023-06-08 02:06:57",
+      "region": "NORTH KOREA",
+      "lat": 40.82,
+      "lon": 129.76,
+      "ms": -999.0,
+      "ml": 4.88,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 02:22:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11825774, "reason": "Invalid detections", "auth": "tangwei", "lddate": "2023-06-08 08:39:41" }
+      ]
+    },
+    {
+      "evid": 11825682,
+      "orid": 11825682,
+      "magnitude": 3.3,
+      "magType": "mb",
+      "time": "2023-06-08 01:27:48",
+      "region": "NORTH KOREA",
+      "lat": 39.69,
+      "lon": 125.5,
+      "ms": -999.0,
+      "ml": -999.0,
+      "mb": 3.3,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 01:52:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11825682, "reason": "Invalid detections", "auth": "tangwei", "lddate": "2023-06-08 08:39:25" }
+      ]
+    },
+    {
+      "evid": 11825658,
+      "orid": 11825658,
+      "magnitude": 3.61,
+      "magType": "ml",
+      "time": "2023-06-08 01:07:34",
+      "region": "NORTHERN XINJIANG, CHINA",
+      "lat": 42.51,
+      "lon": 87.99,
+      "ms": -999.0,
+      "ml": 3.61,
+      "mb": 4.64,
+      "depth": 178.82,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 01:38:00",
+      "sourceAudit": 1,
+      "discardList": []
+    },
+    {
+      "evid": 11826485,
+      "orid": 11826644,
+      "magnitude": 5.32,
+      "magType": "ms",
+      "time": "2023-06-08 01:04:53",
+      "region": "JAWA, INDONESIA",
+      "lat": -8.85,
+      "lon": 110.56,
+      "ms": 5.32,
+      "ml": -999.0,
+      "mb": 5.48,
+      "depth": 0.0,
+      "arsTable": 2,
+      "arsType": 1,
+      "arsTypeValue": "真事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 09:30:01",
+      "sourceAudit": 1,
+      "discardList": []
+    },
+    {
+      "evid": 11825495,
+      "orid": 11825495,
+      "magnitude": 3.19,
+      "magType": "ml",
+      "time": "2023-06-08 00:20:34",
+      "region": "NORTH KOREA",
+      "lat": 38.62,
+      "lon": 127.85,
+      "ms": -999.0,
+      "ml": 3.19,
+      "mb": 3.75,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 00:36:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11825495, "reason": "Invalid detections", "auth": "tangwei", "lddate": "2023-06-08 08:34:30" }
+      ]
+    },
+    {
+      "evid": 11826286,
+      "orid": 11826641,
+      "magnitude": 0.2,
+      "magType": "ml",
+      "time": "2023-06-07 23:54:40",
+      "region": "CALIFORNIA-NEVADA BORDER REGION",
+      "lat": 37.47,
+      "lon": -118.06,
+      "ms": -999.0,
+      "ml": 0.2,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 2,
+      "arsType": 1,
+      "arsTypeValue": "真事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 09:30:01",
+      "sourceAudit": 1,
+      "discardList": []
+    },
+    {
+      "evid": 11825404,
+      "orid": 11826640,
+      "magnitude": 2.96,
+      "magType": "ml",
+      "time": "2023-06-07 23:31:23",
+      "region": "NEVADA",
+      "lat": 39.52,
+      "lon": -116.0,
+      "ms": -999.0,
+      "ml": 2.96,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 2,
+      "arsType": 1,
+      "arsTypeValue": "真事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 09:30:01",
+      "sourceAudit": 1,
+      "discardList": []
+    },
+    {
+      "evid": 11825371,
+      "orid": 11825371,
+      "magnitude": 3.62,
+      "magType": "ml",
+      "time": "2023-06-07 23:17:51",
+      "region": "NORTH KOREA",
+      "lat": 40.09,
+      "lon": 129.94,
+      "ms": -999.0,
+      "ml": 3.62,
+      "mb": 3.71,
+      "depth": 0.0,
+      "arsTable": 0,
+      "arsType": 0,
+      "arsTypeValue": "已告警",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 23:40:00",
+      "sourceAudit": 0,
+      "discardList": []
+    },
+    {
+      "evid": 11825298,
+      "orid": 11825298,
+      "magnitude": 3.73,
+      "magType": "mb",
+      "time": "2023-06-07 22:50:31",
+      "region": "TURKMENISTAN-IRAN BORDER REGION",
+      "lat": 36.98,
+      "lon": 59.79,
+      "ms": -999.0,
+      "ml": -999.0,
+      "mb": 3.73,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 23:06:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11825298, "reason": "Invalid detections", "auth": "tangwei", "lddate": "2023-06-08 08:30:03" }
+      ]
+    },
+    {
+      "evid": 11825252,
+      "orid": 11825252,
+      "magnitude": 2.71,
+      "magType": "ml",
+      "time": "2023-06-07 22:29:15",
+      "region": "NORTH KOREA",
+      "lat": 40.04,
+      "lon": 129.51,
+      "ms": -999.0,
+      "ml": 2.71,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 22:42:00",
+      "sourceAudit": 1,
+      "discardList": [{ "evid": 11825252, "reason": "系统自动拒绝", "auth": null, "lddate": null }]
+    },
+    {
+      "evid": 11824346,
+      "orid": 11825010,
+      "magnitude": 2.94,
+      "magType": "ml",
+      "time": "2023-06-07 14:30:03",
+      "region": "NORTH KOREA",
+      "lat": 40.81,
+      "lon": 128.67,
+      "ms": -999.0,
+      "ml": 2.94,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 2,
+      "arsType": 1,
+      "arsTypeValue": "真事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 09:30:00",
+      "sourceAudit": 1,
+      "discardList": []
+    },
+    {
+      "evid": 11824285,
+      "orid": 11824285,
+      "magnitude": 3.29,
+      "magType": "ml",
+      "time": "2023-06-07 13:45:20",
+      "region": "NORTH KOREA",
+      "lat": 40.81,
+      "lon": 127.57,
+      "ms": -999.0,
+      "ml": 3.29,
+      "mb": 3.08,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 14:00:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11824285, "reason": "Invalid detections", "auth": "tangwei", "lddate": "2023-06-07 20:37:07" }
+      ]
+    },
+    {
+      "evid": 11823915,
+      "orid": 11823915,
+      "magnitude": 2.96,
+      "magType": "ml",
+      "time": "2023-06-07 10:24:54",
+      "region": "NORTH KOREA",
+      "lat": 41.4,
+      "lon": 126.29,
+      "ms": -999.0,
+      "ml": 2.96,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 10:42:00",
+      "sourceAudit": 1,
+      "discardList": [{ "evid": 11823915, "reason": "系统自动拒绝", "auth": null, "lddate": null }]
+    },
+    {
+      "evid": 11823902,
+      "orid": 11824979,
+      "magnitude": 2.86,
+      "magType": "ml",
+      "time": "2023-06-07 10:13:03",
+      "region": "CALIFORNIA-NEVADA BORDER REGION",
+      "lat": 37.22,
+      "lon": -117.69,
+      "ms": -999.0,
+      "ml": 2.86,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 2,
+      "arsType": 1,
+      "arsTypeValue": "真事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-08 09:30:00",
+      "sourceAudit": 1,
+      "discardList": []
+    },
+    {
+      "evid": 11823741,
+      "orid": 11823741,
+      "magnitude": 1.73,
+      "magType": "ml",
+      "time": "2023-06-07 08:40:39",
+      "region": "UTAH",
+      "lat": 38.84,
+      "lon": -112.01,
+      "ms": -999.0,
+      "ml": 1.73,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 08:50:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11823741, "reason": "Invalid detections", "auth": "tangwei", "lddate": "2023-06-07 09:05:18" }
+      ]
+    },
+    {
+      "evid": 11823738,
+      "orid": 11823738,
+      "magnitude": 4.83,
+      "magType": "ml",
+      "time": "2023-06-07 08:27:30",
+      "region": "NORTH KOREA",
+      "lat": 39.17,
+      "lon": 128.3,
+      "ms": -999.0,
+      "ml": 4.83,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 08:46:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11823738, "reason": "Invalid detections", "auth": "tangwei", "lddate": "2023-06-07 09:05:01" }
+      ]
+    },
+    {
+      "evid": 11823458,
+      "orid": 11823458,
+      "magnitude": 3.38,
+      "magType": "ml",
+      "time": "2023-06-07 06:10:48",
+      "region": "SOUTHERN INDIA",
+      "lat": 23.81,
+      "lon": 79.03,
+      "ms": -999.0,
+      "ml": 3.38,
+      "mb": 4.13,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 06:26:00",
+      "sourceAudit": 1,
+      "discardList": [{ "evid": 11823458, "reason": "系统自动拒绝", "auth": null, "lddate": null }]
+    },
+    {
+      "evid": 11823228,
+      "orid": 11823228,
+      "magnitude": 2.41,
+      "magType": "ml",
+      "time": "2023-06-07 04:17:32",
+      "region": "NORTH KOREA",
+      "lat": 40.16,
+      "lon": 128.32,
+      "ms": -999.0,
+      "ml": 2.41,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 04:26:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11823228, "reason": "Invalid detections", "auth": "liuzh", "lddate": "2023-06-07 08:16:54" }
+      ]
+    },
+    {
+      "evid": 11823233,
+      "orid": 11823233,
+      "magnitude": 4.3,
+      "magType": "mb",
+      "time": "2023-06-07 04:07:35",
+      "region": "SOUTHERN NEVADA",
+      "lat": 37.59,
+      "lon": -115.95,
+      "ms": -999.0,
+      "ml": -999.0,
+      "mb": 4.3,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 04:30:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11823233, "reason": "Invalid detections", "auth": "liuzh", "lddate": "2023-06-07 08:16:41" }
+      ]
+    },
+    {
+      "evid": 11823169,
+      "orid": 11823169,
+      "magnitude": 3.45,
+      "magType": "ml",
+      "time": "2023-06-07 03:30:34",
+      "region": "NORTH KOREA",
+      "lat": 39.65,
+      "lon": 127.38,
+      "ms": -999.0,
+      "ml": 3.45,
+      "mb": 3.78,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 03:50:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11823169, "reason": "Invalid association", "auth": "liuzh", "lddate": "2023-06-07 08:16:25" }
+      ]
+    },
+    {
+      "evid": 11823157,
+      "orid": 11823157,
+      "magnitude": 3.68,
+      "magType": "ml",
+      "time": "2023-06-07 03:28:49",
+      "region": "NORTH KOREA",
+      "lat": 41.96,
+      "lon": 127.28,
+      "ms": -999.0,
+      "ml": 3.68,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 03:40:00",
+      "sourceAudit": 1,
+      "discardList": [{ "evid": 11823157, "reason": "系统自动拒绝", "auth": null, "lddate": null }]
+    },
+    {
+      "evid": 11823074,
+      "orid": 11823074,
+      "magnitude": 1.68,
+      "magType": "ml",
+      "time": "2023-06-07 02:38:21",
+      "region": "CALIFORNIA-NEVADA BORDER REGION",
+      "lat": 37.57,
+      "lon": -117.61,
+      "ms": -999.0,
+      "ml": 1.68,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 02:46:00",
+      "sourceAudit": 1,
+      "discardList": [{ "evid": 11823074, "reason": "系统自动拒绝", "auth": null, "lddate": null }]
+    },
+    {
+      "evid": 11822776,
+      "orid": 11822776,
+      "magnitude": 3.51,
+      "magType": "ml",
+      "time": "2023-06-07 00:14:18",
+      "region": "NORTH KOREA",
+      "lat": 39.91,
+      "lon": 126.42,
+      "ms": -999.0,
+      "ml": 3.51,
+      "mb": 3.14,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 00:42:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11822776, "reason": "Invalid detections", "auth": "liuzh", "lddate": "2023-06-07 08:15:50" }
+      ]
+    },
+    {
+      "evid": 11822801,
+      "orid": 11822801,
+      "magnitude": 3.73,
+      "magType": "ml",
+      "time": "2023-06-06 23:55:13",
+      "region": "INDIA-BANGLADESH BORDER REGION",
+      "lat": 23.11,
+      "lon": 92.02,
+      "ms": -999.0,
+      "ml": 3.73,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-07 00:52:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11822801, "reason": "Invalid detections", "auth": "liuzh", "lddate": "2023-06-07 08:15:38" }
+      ]
+    },
+    {
+      "evid": 11822450,
+      "orid": 11822459,
+      "magnitude": 3.18,
+      "magType": "ml",
+      "time": "2023-06-06 21:24:45",
+      "region": "WESTERN IRAN",
+      "lat": 33.67,
+      "lon": 48.63,
+      "ms": -999.0,
+      "ml": 3.18,
+      "mb": 4.33,
+      "depth": 0.0,
+      "arsTable": 1,
+      "arsType": 1,
+      "arsTypeValue": "真事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-06 21:58:00",
+      "sourceAudit": 1,
+      "discardList": []
+    },
+    {
+      "evid": 11822445,
+      "orid": 11822446,
+      "magnitude": 3.25,
+      "magType": "ml",
+      "time": "2023-06-06 21:24:25",
+      "region": "IRAN-IRAQ BORDER REGION",
+      "lat": 30.61,
+      "lon": 48.2,
+      "ms": -999.0,
+      "ml": 3.25,
+      "mb": 4.57,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-06 21:46:00",
+      "sourceAudit": 1,
+      "discardList": [{ "evid": 11822445, "reason": "系统自动拒绝", "auth": null, "lddate": null }]
+    },
+    {
+      "evid": 11822343,
+      "orid": 11822343,
+      "magnitude": 2.93,
+      "magType": "ml",
+      "time": "2023-06-06 20:12:42",
+      "region": "NORTH KOREA",
+      "lat": 40.29,
+      "lon": 129.07,
+      "ms": -999.0,
+      "ml": 2.93,
+      "mb": -999.0,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-06 20:26:00",
+      "sourceAudit": 1,
+      "discardList": [
+        { "evid": 11822343, "reason": "Invalid detections", "auth": "liuzh", "lddate": "2023-06-06 21:33:23" }
+      ]
+    },
+    {
+      "evid": 11822272,
+      "orid": 11822274,
+      "magnitude": 1.81,
+      "magType": "ml",
+      "time": "2023-06-06 19:14:05",
+      "region": "CALIFORNIA-NEVADA BORDER REGION",
+      "lat": 38.99,
+      "lon": -118.19,
+      "ms": -999.0,
+      "ml": 1.81,
+      "mb": 7.27,
+      "depth": 0.0,
+      "arsTable": 3,
+      "arsType": 2,
+      "arsTypeValue": "假事件",
+      "sourceType": "F",
+      "sourceTypeValue": "NDC快速产品",
+      "createTime": "2023-06-06 19:36:00",
+      "sourceAudit": 1,
+      "discardList": [{ "evid": 11822272, "reason": "系统自动拒绝", "auth": null, "lddate": null }]
+    }
+  ],
+  "timestamp": 1686217634834
+}
diff --git a/src/views/stationOperation/components/markerImage.js b/src/views/stationOperation/components/markerImage.js
new file mode 100644
index 0000000..7d496d9
--- /dev/null
+++ b/src/views/stationOperation/components/markerImage.js
@@ -0,0 +1,13 @@
+import Car from '@/assets/images/station-operation/car.png'
+import GroudMonitoringStation from '@/assets/images/station-operation/groud-monitoring-station.png'
+import ImsRnStation from '@/assets/images/station-operation/ims-rn-station.png'
+import NuclearFacility from '@/assets/images/station-operation/nuclear-facility.png'
+import Ship from '@/assets/images/station-operation/ship.png'
+
+export {
+    Car,
+    GroudMonitoringStation,
+    ImsRnStation,
+    NuclearFacility,
+    Ship
+}
\ No newline at end of file
diff --git a/src/views/stationOperation/index.vue b/src/views/stationOperation/index.vue
index 43f9d57..273fa51 100644
--- a/src/views/stationOperation/index.vue
+++ b/src/views/stationOperation/index.vue
@@ -1,3 +1,421 @@
 <template>
-    <div>台站运行管理页面</div>
-</template>
\ No newline at end of file
+  <div class="station-operation">
+    <!-- 左侧列表 -->
+    <div class="date-container">
+      <a-collapse v-model="activeKey" expandIconPosition="right" accordion>
+        <template slot="expandIcon">
+          <img src="@/assets/images/station-operation/toggle.png" alt="" />
+        </template>
+        <!-- All Date -->
+        <a-collapse-panel key="1">
+          <template slot="header">
+            <div class="title">
+              <div class="title-text">All Date</div>
+              <div class="title-rect">
+                <span></span>
+                <span></span>
+                <span></span>
+                <span></span>
+                <span></span>
+                <span></span>
+              </div>
+              <div class="title-operator">
+                <a-popover v-model="searchVisible" trigger="click" placement="bottom">
+                  <div @click.stop="searchVisible = !searchVisible">
+                    <img src="@/assets/images/station-operation/search.png" alt="" />
+                  </div>
+                  <template slot="content">
+                    <a-input-search placeholder="input search text" @search="onSearch">
+                      <img slot="enterButton" src="@/assets/images/station-operation/search.png" alt="" />
+                    </a-input-search>
+                  </template>
+                </a-popover>
+                <a-popover trigger="click" placement="bottom">
+                  <div @click.stop>
+                    <img src="@/assets/images/station-operation/filter.png" alt="" />
+                  </div>
+                  <template slot="content">
+                    <div>筛选</div>
+                  </template>
+                </a-popover>
+              </div>
+            </div>
+          </template>
+          <ScrollContainer direction="verticle" class="date-list">
+            <div class="date-list-content">
+              <div class="date-list-item" v-for="item of dateList" :key="item.id">
+                <h4 class="date-list-item-title">
+                  {{ item.stationName }}
+                </h4>
+                <div class="date-list-item-container">
+                  <div class="date-list-item-content">
+                    <div class="date-list-item-children">
+                      <div class="date-list-item-child">
+                        <label>Station Type:</label>
+                        <span>{{ item.stationType }}</span>
+                      </div>
+                      <div class="date-list-item-child" style="word-break: break-all">
+                        <label>Altitude:</label>
+                        <span>{{ item.altitude }}</span>
+                      </div>
+                    </div>
+                    <div class="date-list-item-children">
+                      <div class="date-list-item-child">
+                        <label>Lon And Lat:</label>
+                        <span>{{ item.lon }} {{ item.lat }}</span>
+                      </div>
+                    </div>
+                    <div class="date-list-item-children">
+                      <div class="date-list-item-child">
+                        <label>Status:</label>
+                        <span class="green">{{ item.status }}</span>
+                      </div>
+                      <div class="date-list-item-child">
+                        <label>Signal:</label>
+                        <span class="green">{{ item.signal }}</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <custom-empty v-if="!dateList || !dateList.length" style="margin-top: 40px"></custom-empty>
+            </div>
+            <div class="shadow"></div>
+          </ScrollContainer>
+        </a-collapse-panel>
+        <!-- All Date End -->
+        <!-- Focus Date -->
+        <a-collapse-panel key="2">
+          <template slot="header">
+            <div class="title">
+              <div class="title-text" style="width: 180px">Focus Date</div>
+              <div class="title-rect">
+                <span></span>
+                <span></span>
+                <span></span>
+                <span></span>
+                <span></span>
+                <span></span>
+              </div>
+            </div>
+          </template>
+          <ScrollContainer direction="verticle" class="date-list">
+            <div class="date-list-content">
+              <div class="date-list-item" v-for="item of dateList" :key="item.id">
+                <h4 class="date-list-item-title">
+                  {{ item.stationName }}
+                </h4>
+                <div class="date-list-item-container">
+                  <div class="date-list-item-content">
+                    <div class="date-list-item-children">
+                      <div class="date-list-item-child">
+                        <label>Station Type:</label>
+                        <span>{{ item.stationType }}</span>
+                      </div>
+                      <div class="date-list-item-child" style="word-break: break-all">
+                        <label>Altitude:</label>
+                        <span>{{ item.altitude }}</span>
+                      </div>
+                    </div>
+                    <div class="date-list-item-children">
+                      <div class="date-list-item-child">
+                        <label>Lon And Lat:</label>
+                        <span>{{ item.lon }} {{ item.lat }}</span>
+                      </div>
+                    </div>
+                    <div class="date-list-item-children">
+                      <div class="date-list-item-child">
+                        <label>Status:</label>
+                        <span class="green">{{ item.status }}</span>
+                      </div>
+                      <div class="date-list-item-child">
+                        <label>Signal:</label>
+                        <span class="green">{{ item.signal }}</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <custom-empty v-if="!dateList || !dateList.length" style="margin-top: 40px"></custom-empty>
+            </div>
+            <div class="shadow"></div>
+          </ScrollContainer>
+        </a-collapse-panel>
+        <!-- Focus Date End -->
+      </a-collapse>
+    </div>
+    <!-- 右侧地图 -->
+    <div class="station-operation-map">
+      <Map />
+    </div>
+  </div>
+</template>
+<script>
+import Map from './components/Map.vue'
+import ScrollContainer from '@/components/ScrollContainer/index.vue'
+
+const dateList = new Array(5).fill(0).map(() => ({
+  id: 1,
+  stationName: 'ARP01',
+  stationType: 'IMS Station',
+  altitude: '596m',
+  lon: 139.079722,
+  lat: 36.299972,
+  status: 'Operation',
+  signal: 'Normally'
+}))
+
+dateList.forEach((item, index) => (item.id = index))
+
+export default {
+  components: {
+    Map,
+    ScrollContainer
+  },
+  data() {
+    return {
+      activeKey: '1',
+      isGettingDateList: false,
+      dateList: dateList,
+      searchVisible: false
+    }
+  },
+  methods: {
+    // 左侧 All Date 查询
+    onSearch() {
+      this.searchVisible = false
+    },
+
+    // 左侧 All Date 筛选
+    onFilter() {}
+  }
+}
+</script>
+<style lang="less" scoped>
+.station-operation {
+  position: relative;
+  height: 100%;
+  .date-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 348px;
+    height: 100%;
+    background-color: rgba(2, 26, 29, 0.9);
+    padding-left: 5px;
+    z-index: 1;
+
+    ::v-deep {
+      .ant-collapse {
+        height: 100%;
+        padding-bottom: 11px;
+
+        @titleHeight: 45px;
+        &-item {
+          max-height: calc(100% - @titleHeight);
+          display: flex;
+          flex-direction: column;
+        }
+
+        &-header {
+          min-height: @titleHeight;
+          border-top: 1px solid rgba(12, 235, 201, 0.3);
+          border-bottom: 4px solid rgba(12, 235, 201, 0.2);
+          height: auto;
+          .ant-collapse-arrow {
+            right: 9px;
+            transition: transform 0.24s;
+            transform-origin: 5px 11px;
+          }
+        }
+
+        &-content {
+          display: flex;
+          &-box {
+            display: flex;
+            width: 100%;
+            position: relative;
+          }
+          &.ant-motion-collapse-legacy {
+            .date-list {
+              overflow: hidden;
+            }
+          }
+        }
+      }
+    }
+
+    // 左侧大标题
+    .title {
+      line-height: 40px;
+      position: relative;
+      display: flex;
+      justify-content: space-between;
+      font-family: MicrogrammaD-MediExte;
+      font-size: 18px;
+      font-weight: bold;
+      color: #0cebc9;
+      background-color: rgba(1, 18, 20, 0.6);
+
+      &-text {
+        padding-left: 20px;
+        width: 134px;
+        background-color: rgba(12, 235, 201, 0.05);
+        user-select: none;
+      }
+
+      &-rect {
+        display: flex;
+        align-items: center;
+        span {
+          background-color: rgba(12, 235, 201, 0.2);
+          vertical-align: middle;
+          &:first-child {
+            width: 4px;
+            height: 4px;
+          }
+          &:nth-child(2) {
+            width: 6px;
+            height: 6px;
+            margin-right: 6px;
+          }
+          &:nth-child(3) {
+            width: 4px;
+            height: 4px;
+            margin-right: 9px;
+          }
+          &:nth-child(4) {
+            width: 1px;
+            height: 16px;
+            margin-right: 23px;
+          }
+          &:nth-child(5) {
+            width: 2px;
+            height: 2px;
+            margin-right: 24px;
+          }
+          &:nth-child(6) {
+            width: 4px;
+            height: 4px;
+          }
+        }
+      }
+
+      &-operator {
+        position: absolute;
+        right: 5px;
+        top: 50%;
+        transform: translateY(-50%);
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        user-select: none;
+
+        div {
+          width: 24px;
+          height: 24px;
+          line-height: 18px;
+          text-align: center;
+          border: 1px solid #166464;
+          background-color: #053842;
+          cursor: pointer;
+        }
+      }
+    }
+
+    // 左侧列表内容
+    .date-list {
+      width: 100%;
+      margin-right: 2px;
+      padding: 2px 0 10px 7px;
+      overflow: auto;
+
+      &-item {
+        width: 322px;
+        &-title {
+          height: 25px;
+          line-height: 25px;
+          font-family: Arial;
+          font-size: 14px;
+          color: #fff;
+          font-weight: bold;
+          position: relative;
+          padding-left: 8px;
+          margin-bottom: 0;
+        }
+
+        &-container {
+          display: flex;
+        }
+
+        &-content {
+          width: 100%;
+          min-height: 80px;
+          padding: 10px 10px 10px 14px;
+          flex: 1;
+          color: #6ebad0;
+          background: url(~@/assets/images/station-operation/date-item-bg.png) center no-repeat;
+          background-size: 100% 100%;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+
+          .date-list-item-children {
+            display: flex;
+            justify-content: space-between;
+
+            .date-list-item-child {
+              color: #fff;
+
+              &:nth-child(2n + 1) {
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+              }
+
+              &:nth-child(2n) {
+                width: 110px;
+                flex-shrink: 0;
+                margin-left: 5px;
+              }
+
+              label {
+                color: #6ebad0;
+                font-family: Arial;
+              }
+
+              span {
+                margin-left: 10px;
+                &.green {
+                  color: #0cff00;
+                }
+              }
+            }
+          }
+        }
+      }
+
+      .shadow {
+        position: absolute;
+        bottom: 0;
+        width: calc(100% - 15px);
+        height: 50px;
+        background: linear-gradient(to top, #021c21 0, transparent 100%);
+        transition: opacity 0.24s linear;
+      }
+      &.scroll-end {
+        .shadow {
+          opacity: 0;
+        }
+      }
+    }
+  }
+
+  // 地图
+  &-map {
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>
diff --git a/src/views/system/Scheduling.vue b/src/views/system/Scheduling.vue
index 5f9a5cf..93704f2 100644
--- a/src/views/system/Scheduling.vue
+++ b/src/views/system/Scheduling.vue
@@ -683,7 +683,7 @@ export default {
         display: flex;
         justify-content: space-between;
         align-items: center;
-        font-family: Aria;
+        font-family: Arial;
         font-size: 14px;
         color: #fff;
         font-weight: bold;
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index bb3f3c2..3cca847 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -213,10 +213,12 @@ export default {
           .ant-form-item-children {
             width: 444px;
             height: 60px;
+            display: flex;
+            align-items: center;
             .ant-input {
-              padding-left: 70px;
-              padding-right: 15px;
-              height: 100%;
+              margin-left: 70px;
+              margin-right: 15px;
+              height: 80%;
               font-size: 26px;
               background-color: transparent !important;
               border: none;
@@ -253,6 +255,9 @@ export default {
                 width: 294px;
                 background: url(~@/assets/images/login/validate-bg.png) center no-repeat;
                 background-size: contain;
+                margin-left: 0;
+                padding-left: 70px;
+                height: 100%;
               }
 
               .validate-image {