diff --git a/src/assets/images/back@2x.png b/src/assets/images/back@2x.png new file mode 100644 index 0000000..057f39c Binary files /dev/null and b/src/assets/images/back@2x.png differ diff --git a/src/assets/images/car1.png b/src/assets/images/car1.png new file mode 100644 index 0000000..0e51f5e Binary files /dev/null and b/src/assets/images/car1.png differ diff --git a/src/assets/images/car2.png b/src/assets/images/car2.png new file mode 100644 index 0000000..a4e0e03 Binary files /dev/null and b/src/assets/images/car2.png differ diff --git a/src/assets/images/dark copy 2.svg b/src/assets/images/dark copy 2.svg new file mode 100644 index 0000000..f646bd7 --- /dev/null +++ b/src/assets/images/dark copy 2.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/designate.png b/src/assets/images/designate.png new file mode 100644 index 0000000..b3bfe0d Binary files /dev/null and b/src/assets/images/designate.png differ diff --git a/src/assets/images/dlsj.png b/src/assets/images/dlsj.png new file mode 100644 index 0000000..3d4f7b5 Binary files /dev/null and b/src/assets/images/dlsj.png differ diff --git a/src/assets/images/dwcl.png b/src/assets/images/dwcl.png new file mode 100644 index 0000000..c06e792 Binary files /dev/null and b/src/assets/images/dwcl.png differ diff --git a/src/assets/images/dwsl.png b/src/assets/images/dwsl.png new file mode 100644 index 0000000..7eaddb5 Binary files /dev/null and b/src/assets/images/dwsl.png differ diff --git a/src/assets/images/electronicMap.png b/src/assets/images/electronicMap.png new file mode 100644 index 0000000..0172bef Binary files /dev/null and b/src/assets/images/electronicMap.png differ diff --git a/src/assets/images/electronicMap2.png b/src/assets/images/electronicMap2.png new file mode 100644 index 0000000..b20b1e6 Binary files /dev/null and b/src/assets/images/electronicMap2.png differ diff --git a/src/assets/images/export.png b/src/assets/images/export.png new file mode 100644 index 0000000..ecdaaab Binary files /dev/null and b/src/assets/images/export.png differ diff --git a/src/assets/images/favicon.ico b/src/assets/images/favicon.ico new file mode 100644 index 0000000..1e33c84 Binary files /dev/null and b/src/assets/images/favicon.ico differ diff --git a/src/assets/images/fqzggd.png b/src/assets/images/fqzggd.png new file mode 100644 index 0000000..6b4b12a Binary files /dev/null and b/src/assets/images/fqzggd.png differ diff --git a/src/assets/images/goback copy.png b/src/assets/images/goback copy.png new file mode 100644 index 0000000..3c01027 Binary files /dev/null and b/src/assets/images/goback copy.png differ diff --git a/src/assets/images/hxsrk.png b/src/assets/images/hxsrk.png new file mode 100644 index 0000000..c6bf09f Binary files /dev/null and b/src/assets/images/hxsrk.png differ diff --git a/src/assets/images/icon/a-chelianga.png b/src/assets/images/icon/a-chelianga.png new file mode 100644 index 0000000..21028e2 Binary files /dev/null and b/src/assets/images/icon/a-chelianga.png differ diff --git a/src/assets/images/icon/a-duijiang.png b/src/assets/images/icon/a-duijiang.png new file mode 100644 index 0000000..caafb50 Binary files /dev/null and b/src/assets/images/icon/a-duijiang.png differ diff --git a/src/assets/images/icon/a-duijiangaa.png b/src/assets/images/icon/a-duijiangaa.png new file mode 100644 index 0000000..b54c1c9 Binary files /dev/null and b/src/assets/images/icon/a-duijiangaa.png differ diff --git a/src/assets/images/icon/a-iconcheliang.png b/src/assets/images/icon/a-iconcheliang.png new file mode 100644 index 0000000..af40e00 Binary files /dev/null and b/src/assets/images/icon/a-iconcheliang.png differ diff --git a/src/assets/images/icon/a-jingcha.png b/src/assets/images/icon/a-jingcha.png new file mode 100644 index 0000000..5f6a8a0 Binary files /dev/null and b/src/assets/images/icon/a-jingcha.png differ diff --git a/src/assets/images/icon/baisebujin.png b/src/assets/images/icon/baisebujin.png new file mode 100644 index 0000000..33aa401 Binary files /dev/null and b/src/assets/images/icon/baisebujin.png differ diff --git a/src/assets/images/icon/feiji.png b/src/assets/images/icon/feiji.png new file mode 100644 index 0000000..fe8e286 Binary files /dev/null and b/src/assets/images/icon/feiji.png differ diff --git a/src/assets/images/icon1.jpg b/src/assets/images/icon1.jpg new file mode 100644 index 0000000..8d37688 Binary files /dev/null and b/src/assets/images/icon1.jpg differ diff --git a/src/assets/images/incident.png b/src/assets/images/incident.png new file mode 100644 index 0000000..c58b349 Binary files /dev/null and b/src/assets/images/incident.png differ diff --git a/src/assets/images/kafei.png b/src/assets/images/kafei.png new file mode 100644 index 0000000..6a39695 Binary files /dev/null and b/src/assets/images/kafei.png differ diff --git a/src/assets/images/kqtx.png b/src/assets/images/kqtx.png new file mode 100644 index 0000000..2bd6ff7 Binary files /dev/null and b/src/assets/images/kqtx.png differ diff --git a/src/assets/images/light copy 2.svg b/src/assets/images/light copy 2.svg new file mode 100644 index 0000000..ab7cc08 --- /dev/null +++ b/src/assets/images/light copy 2.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/login-background copy 2.jpg b/src/assets/images/login-background copy 2.jpg new file mode 100644 index 0000000..8a89eb8 Binary files /dev/null and b/src/assets/images/login-background copy 2.jpg differ diff --git a/src/assets/images/login-icon1.png b/src/assets/images/login-icon1.png new file mode 100644 index 0000000..9975672 Binary files /dev/null and b/src/assets/images/login-icon1.png differ diff --git a/src/assets/images/login-logo copy.png b/src/assets/images/login-logo copy.png new file mode 100644 index 0000000..6faba9b Binary files /dev/null and b/src/assets/images/login-logo copy.png differ diff --git a/src/assets/images/login-logo1.png b/src/assets/images/login-logo1.png new file mode 100644 index 0000000..bee96cc Binary files /dev/null and b/src/assets/images/login-logo1.png differ diff --git a/src/assets/images/loginBg.png b/src/assets/images/loginBg.png new file mode 100644 index 0000000..78604a0 Binary files /dev/null and b/src/assets/images/loginBg.png differ diff --git a/src/assets/images/logo1.png b/src/assets/images/logo1.png new file mode 100644 index 0000000..1e33c84 Binary files /dev/null and b/src/assets/images/logo1.png differ diff --git a/src/assets/images/lsbj.png b/src/assets/images/lsbj.png new file mode 100644 index 0000000..afa5e6b Binary files /dev/null and b/src/assets/images/lsbj.png differ diff --git a/src/assets/images/mapBackground.png b/src/assets/images/mapBackground.png new file mode 100644 index 0000000..fa9c850 Binary files /dev/null and b/src/assets/images/mapBackground.png differ diff --git a/src/assets/images/marskicon1.png b/src/assets/images/marskicon1.png new file mode 100644 index 0000000..fec7148 Binary files /dev/null and b/src/assets/images/marskicon1.png differ diff --git a/src/assets/images/marskicon2.png b/src/assets/images/marskicon2.png new file mode 100644 index 0000000..706606d Binary files /dev/null and b/src/assets/images/marskicon2.png differ diff --git a/src/assets/images/menhu/dikong.png b/src/assets/images/menhu/dikong.png new file mode 100644 index 0000000..906aefc Binary files /dev/null and b/src/assets/images/menhu/dikong.png differ diff --git a/src/assets/images/menhu/guanlixitong.png b/src/assets/images/menhu/guanlixitong.png new file mode 100644 index 0000000..6bd0ed6 Binary files /dev/null and b/src/assets/images/menhu/guanlixitong.png differ diff --git a/src/assets/images/menhu/image.png b/src/assets/images/menhu/image.png new file mode 100644 index 0000000..a806a60 Binary files /dev/null and b/src/assets/images/menhu/image.png differ diff --git a/src/assets/images/menhu/zhongda.png b/src/assets/images/menhu/zhongda.png new file mode 100644 index 0000000..3d4550d Binary files /dev/null and b/src/assets/images/menhu/zhongda.png differ diff --git a/src/assets/images/menu-bg copy.png b/src/assets/images/menu-bg copy.png new file mode 100644 index 0000000..97c0092 Binary files /dev/null and b/src/assets/images/menu-bg copy.png differ diff --git a/src/assets/images/message.png b/src/assets/images/message.png new file mode 100644 index 0000000..e4c24ab Binary files /dev/null and b/src/assets/images/message.png differ diff --git a/src/assets/images/newTask.png b/src/assets/images/newTask.png new file mode 100644 index 0000000..372d562 Binary files /dev/null and b/src/assets/images/newTask.png differ diff --git a/src/assets/images/pay copy 2.png b/src/assets/images/pay copy 2.png new file mode 100644 index 0000000..bb8b967 Binary files /dev/null and b/src/assets/images/pay copy 2.png differ diff --git a/src/assets/images/popup/bg1.png b/src/assets/images/popup/bg1.png new file mode 100644 index 0000000..3350140 Binary files /dev/null and b/src/assets/images/popup/bg1.png differ diff --git a/src/assets/images/popup/bg2.png b/src/assets/images/popup/bg2.png new file mode 100644 index 0000000..7fb012a Binary files /dev/null and b/src/assets/images/popup/bg2.png differ diff --git a/src/assets/images/popup/bg3.png b/src/assets/images/popup/bg3.png new file mode 100644 index 0000000..d47bb77 Binary files /dev/null and b/src/assets/images/popup/bg3.png differ diff --git a/src/assets/images/popup/bg4.png b/src/assets/images/popup/bg4.png new file mode 100644 index 0000000..4f7b80c Binary files /dev/null and b/src/assets/images/popup/bg4.png differ diff --git a/src/assets/images/popup/bg5.png b/src/assets/images/popup/bg5.png new file mode 100644 index 0000000..7e95832 Binary files /dev/null and b/src/assets/images/popup/bg5.png differ diff --git a/src/assets/images/popup/icon1btn.png b/src/assets/images/popup/icon1btn.png new file mode 100644 index 0000000..48b2213 Binary files /dev/null and b/src/assets/images/popup/icon1btn.png differ diff --git a/src/assets/images/popup/icon2btn.png b/src/assets/images/popup/icon2btn.png new file mode 100644 index 0000000..6fa7d02 Binary files /dev/null and b/src/assets/images/popup/icon2btn.png differ diff --git a/src/assets/images/popup/popup.png b/src/assets/images/popup/popup.png new file mode 100644 index 0000000..d3bdb53 Binary files /dev/null and b/src/assets/images/popup/popup.png differ diff --git a/src/assets/images/popup/screenshot20230817.png b/src/assets/images/popup/screenshot20230817.png new file mode 100644 index 0000000..4a0a506 Binary files /dev/null and b/src/assets/images/popup/screenshot20230817.png differ diff --git a/src/assets/images/popup/video.png b/src/assets/images/popup/video.png new file mode 100644 index 0000000..3c3c84d Binary files /dev/null and b/src/assets/images/popup/video.png differ diff --git a/src/assets/images/position copy.png b/src/assets/images/position copy.png new file mode 100644 index 0000000..e717f27 Binary files /dev/null and b/src/assets/images/position copy.png differ diff --git a/src/assets/images/profile copy 2.jpg b/src/assets/images/profile copy 2.jpg new file mode 100644 index 0000000..b3a940b Binary files /dev/null and b/src/assets/images/profile copy 2.jpg differ diff --git a/src/assets/images/rlsj@2x.png b/src/assets/images/rlsj@2x.png new file mode 100644 index 0000000..3e767e2 Binary files /dev/null and b/src/assets/images/rlsj@2x.png differ diff --git a/src/assets/images/ryxx.png b/src/assets/images/ryxx.png new file mode 100644 index 0000000..e60eb7a Binary files /dev/null and b/src/assets/images/ryxx.png differ diff --git a/src/assets/images/satelliteMap.png b/src/assets/images/satelliteMap.png new file mode 100644 index 0000000..bbc22a2 Binary files /dev/null and b/src/assets/images/satelliteMap.png differ diff --git a/src/assets/images/satelliteMap2.png b/src/assets/images/satelliteMap2.png new file mode 100644 index 0000000..939ce42 Binary files /dev/null and b/src/assets/images/satelliteMap2.png differ diff --git a/src/assets/images/scewm.png b/src/assets/images/scewm.png new file mode 100644 index 0000000..84c92f8 Binary files /dev/null and b/src/assets/images/scewm.png differ diff --git a/src/assets/images/scrytb.png b/src/assets/images/scrytb.png new file mode 100644 index 0000000..7e93409 Binary files /dev/null and b/src/assets/images/scrytb.png differ diff --git a/src/assets/images/scyd.png b/src/assets/images/scyd.png new file mode 100644 index 0000000..f44f20d Binary files /dev/null and b/src/assets/images/scyd.png differ diff --git a/src/assets/images/sczggd.png b/src/assets/images/sczggd.png new file mode 100644 index 0000000..b1f14e0 Binary files /dev/null and b/src/assets/images/sczggd.png differ diff --git a/src/assets/images/sczt.png b/src/assets/images/sczt.png new file mode 100644 index 0000000..d6f7f74 Binary files /dev/null and b/src/assets/images/sczt.png differ diff --git a/src/assets/images/sl.png b/src/assets/images/sl.png new file mode 100644 index 0000000..fb38c37 Binary files /dev/null and b/src/assets/images/sl.png differ diff --git a/src/assets/images/tc.png b/src/assets/images/tc.png new file mode 100644 index 0000000..f0b97c3 Binary files /dev/null and b/src/assets/images/tc.png differ diff --git a/src/assets/images/tjrytb.png b/src/assets/images/tjrytb.png new file mode 100644 index 0000000..e56756b Binary files /dev/null and b/src/assets/images/tjrytb.png differ diff --git a/src/assets/images/wcxc@2x.png b/src/assets/images/wcxc@2x.png new file mode 100644 index 0000000..1b5f63f Binary files /dev/null and b/src/assets/images/wcxc@2x.png differ diff --git a/src/assets/images/wcxchs@2x.png b/src/assets/images/wcxchs@2x.png new file mode 100644 index 0000000..c585ed9 Binary files /dev/null and b/src/assets/images/wcxchs@2x.png differ diff --git a/src/assets/images/wldwicon.png b/src/assets/images/wldwicon.png new file mode 100644 index 0000000..db6d139 Binary files /dev/null and b/src/assets/images/wldwicon.png differ diff --git a/src/assets/images/wxdw.png b/src/assets/images/wxdw.png new file mode 100644 index 0000000..803e100 Binary files /dev/null and b/src/assets/images/wxdw.png differ diff --git a/src/assets/images/wzdt.png b/src/assets/images/wzdt.png new file mode 100644 index 0000000..2a46aee Binary files /dev/null and b/src/assets/images/wzdt.png differ diff --git a/src/assets/images/xgzt.png b/src/assets/images/xgzt.png new file mode 100644 index 0000000..de48d4a Binary files /dev/null and b/src/assets/images/xgzt.png differ diff --git a/src/assets/images/xxtz.png b/src/assets/images/xxtz.png new file mode 100644 index 0000000..2f2861e Binary files /dev/null and b/src/assets/images/xxtz.png differ diff --git a/src/assets/images/xzcl@2x.png b/src/assets/images/xzcl@2x.png new file mode 100644 index 0000000..b321390 Binary files /dev/null and b/src/assets/images/xzcl@2x.png differ diff --git a/src/assets/images/xzdw.png b/src/assets/images/xzdw.png new file mode 100644 index 0000000..f65312b Binary files /dev/null and b/src/assets/images/xzdw.png differ diff --git a/src/assets/images/xzgw.png b/src/assets/images/xzgw.png new file mode 100644 index 0000000..af79d3e Binary files /dev/null and b/src/assets/images/xzgw.png differ diff --git a/src/assets/images/xzkhsz@2x.png b/src/assets/images/xzkhsz@2x.png new file mode 100644 index 0000000..f4f6770 Binary files /dev/null and b/src/assets/images/xzkhsz@2x.png differ diff --git a/src/assets/images/xzkqd@2x.png b/src/assets/images/xzkqd@2x.png new file mode 100644 index 0000000..96b6fa3 Binary files /dev/null and b/src/assets/images/xzkqd@2x.png differ diff --git a/src/assets/images/xzkqgz@2x.png b/src/assets/images/xzkqgz@2x.png new file mode 100644 index 0000000..8732dae Binary files /dev/null and b/src/assets/images/xzkqgz@2x.png differ diff --git a/src/assets/images/xzkqz.png b/src/assets/images/xzkqz.png new file mode 100644 index 0000000..2585a07 Binary files /dev/null and b/src/assets/images/xzkqz.png differ diff --git a/src/assets/images/xzqjlx@2x.png b/src/assets/images/xzqjlx@2x.png new file mode 100644 index 0000000..6562450 Binary files /dev/null and b/src/assets/images/xzqjlx@2x.png differ diff --git a/src/assets/images/xzrc@2x.png b/src/assets/images/xzrc@2x.png new file mode 100644 index 0000000..693040a Binary files /dev/null and b/src/assets/images/xzrc@2x.png differ diff --git a/src/assets/images/xzwl@2x.png b/src/assets/images/xzwl@2x.png new file mode 100644 index 0000000..3e81c32 Binary files /dev/null and b/src/assets/images/xzwl@2x.png differ diff --git a/src/assets/images/xzzt.png b/src/assets/images/xzzt.png new file mode 100644 index 0000000..e267c30 Binary files /dev/null and b/src/assets/images/xzzt.png differ diff --git a/src/assets/images/yyzz.png b/src/assets/images/yyzz.png new file mode 100644 index 0000000..f2dd1ab Binary files /dev/null and b/src/assets/images/yyzz.png differ diff --git a/src/assets/images/yyzzfdj.png b/src/assets/images/yyzzfdj.png new file mode 100644 index 0000000..c016719 Binary files /dev/null and b/src/assets/images/yyzzfdj.png differ diff --git a/src/assets/images/zfzggd.png b/src/assets/images/zfzggd.png new file mode 100644 index 0000000..b0936ee Binary files /dev/null and b/src/assets/images/zfzggd.png differ diff --git a/src/assets/images/zx.png b/src/assets/images/zx.png new file mode 100644 index 0000000..7ab3c8b Binary files /dev/null and b/src/assets/images/zx.png differ diff --git a/src/assets/mapjson/Chaangshazhen/yuan1.json b/src/assets/mapjson/Chaangshazhen/yuan1.json new file mode 100644 index 0000000..9d59950 --- /dev/null +++ b/src/assets/mapjson/Chaangshazhen/yuan1.json @@ -0,0 +1 @@ +{"type":"FeatureCollection","features":[{"type":"Feature","id":7307,"properties":{"_draw_type":"circle","_draw_prop_radius":1660.8554893541068,"_draw_prop_center":"121.28740321,32.42273768","_draw_prop_point":"121.2979530521,32.4138319714","_draw_prop_seg":90},"geometry":{"type":"Polygon","coordinates":[[[121.30232292870801,32.42273768],[121.30228658502308,32.42361618607393],[121.30217773103112,32.424490403661],[121.30199689705783,32.425356073846906],[121.30174496410817,32.42620897947952],[121.30142315957409,32.427044965708326],[121.30103305125499,32.427859960218406],[121.30057653971937,32.428649993060006],[121.30005584904548,32.42941121597766],[121.29947351598605,32.43013992114485],[121.29883237760914,32.43083255921296],[121.2981355574765,32.43148575658734],[121.29738645042579,32.43209633184606],[121.29658870603119,32.43266131122227],[121.29574621082328,32.433177943074625],[121.29486306935398,32.43364371127586],[121.29394358419978,32.43405634745457],[121.29299223499993,32.434413842030786],[121.29201365663207,32.43471445399197],[121.29101261663163,32.434956719362255],[121.28999399196493,32.43513945832334],[121.2889627452689,32.43526178095348],[121.28792390067385,32.435323091555816],[121.28688251932613,32.435323091555816],[121.28584367473105,32.43526178095348],[121.28481242803504,32.43513945832334],[121.28379380336834,32.434956719362255],[121.28279276336792,32.43471445399197],[121.28181418500006,32.434413842030786],[121.28086283580019,32.43405634745457],[121.27994335064596,32.43364371127586],[121.27906020917669,32.433177943074625],[121.27821771396876,32.43266131122227],[121.2774199695742,32.43209633184606],[121.27667086252346,32.43148575658734],[121.27597404239081,32.43083255921296],[121.2753329040139,32.43013992114485],[121.27475057095447,32.42941121597766],[121.27422988028061,32.428649993060006],[121.27377336874498,32.427859960218406],[121.27338326042589,32.427044965708326],[121.2730614558918,32.42620897947952],[121.27280952294213,32.425356073846906],[121.27262868896882,32.424490403661],[121.27251983497688,32.42361618607393],[121.27248349129196,32.42273768],[121.27251983497688,32.42185916537016],[121.27262868896882,32.420984922281946],[121.27280952294213,32.420119210145984],[121.2730614558918,32.419266246930945],[121.27338326042589,32.41843018860807],[121.27377336874498,32.41761510889555],[121.27422988028061,32.41682497940152],[121.27475057095447,32.41606365026259],[121.2753329040139,32.41533483137285],[121.27597404239081,32.41464207429433],[121.27667086252346,32.41398875493814],[121.2774199695742,32.4133780571004],[121.27821771396876,32.41281295693386],[121.27906020917669,32.412296208430874],[121.27994335064596,32.41183032998919],[121.28086283580019,32.41141759212592],[121.28181418500006,32.41106000640023],[121.28279276336792,32.410759315598725],[121.28379380336834,32.41051698523189],[121.28481242803504,32.41033419638302],[121.28584367473105,32.41021183994494],[121.28688251932613,32.4101505122725],[121.28792390067385,32.4101505122725],[121.2889627452689,32.41021183994494],[121.28999399196493,32.41033419638302],[121.29101261663163,32.41051698523189],[121.29201365663207,32.410759315598725],[121.29299223499993,32.41106000640023],[121.29394358419978,32.41141759212592],[121.29486306935398,32.41183032998919],[121.29574621082328,32.412296208430874],[121.29658870603119,32.41281295693386],[121.29738645042579,32.4133780571004],[121.2981355574765,32.41398875493814],[121.29883237760914,32.41464207429433],[121.29947351598605,32.41533483137285],[121.30005584904548,32.41606365026259],[121.30057653971937,32.41682497940152],[121.30103305125499,32.41761510889555],[121.30142315957409,32.41843018860807],[121.30174496410817,32.419266246930945],[121.30199689705783,32.420119210145984],[121.30217773103112,32.420984922281946],[121.30228658502308,32.42185916537016],[121.30232292870801,32.42273768]]]},"bbox":[121.27248349129196,32.4101505122725,121.30232292870801,32.435323091555816]}]} \ No newline at end of file diff --git a/src/assets/mapjson/Chaangshazhen/yuan2.json b/src/assets/mapjson/Chaangshazhen/yuan2.json new file mode 100644 index 0000000..6a8dc69 --- /dev/null +++ b/src/assets/mapjson/Chaangshazhen/yuan2.json @@ -0,0 +1 @@ +{"type":"FeatureCollection","features":[{"type":"Feature","id":5373,"properties":{"_draw_type":"circle","_draw_prop_radius":1523.5522900439664,"_draw_prop_center":"121.32887752,32.39761384","_draw_prop_point":"121.3357216613,32.3876059496","_draw_prop_seg":90},"geometry":{"type":"Polygon","coordinates":[[[121.34256382308301,32.39761384],[121.34253048393657,32.39841994453457],[121.34243062892222,32.39922211466454],[121.34226474452356,32.40001644245405],[121.34203363891271,32.40079905827537],[121.34173843801295,32.40156614965615],[121.3413805800134,32.40231397984668],[121.3409618083623,32.4030389060163],[121.34048416327295,32.40373739699074],[121.33994997178432,32.40440605044403],[121.33936183642356,32.40504160946171],[121.33872262252711,32.40564097839453],[121.33803544428075,32.406201237925956],[121.33730364954785,32.40671965928022],[121.33653080355874,32.40719371750194],[121.33572067154151,32.40762110374312],[121.3348772003778,32.40799973649756],[121.33400449937437,32.408327771728686],[121.33310682024282,32.408603611841315],[121.33218853638557,32.40882591345404],[121.33125412158935,32.408993593934724],[121.33030812822908,32.40910583666714],[121.32935516508931,32.40916209502349],[121.32839987491069,32.40916209502349],[121.32744691177089,32.40910583666714],[121.32650091841062,32.408993593934724],[121.32556650361441,32.40882591345404],[121.32464821975717,32.408603611841315],[121.3237505406256,32.408327771728686],[121.32287783962218,32.40799973649756],[121.32203436845847,32.40762110374312],[121.32122423644122,32.40719371750194],[121.32045139045213,32.40671965928022],[121.31971959571923,32.406201237925956],[121.31903241747287,32.40564097839453],[121.3183932035764,32.40504160946171],[121.31780506821565,32.40440605044403],[121.31727087672702,32.40373739699074],[121.31679323163772,32.4030389060163],[121.3163744599866,32.40231397984668],[121.31601660198706,32.40156614965615],[121.31572140108727,32.40079905827537],[121.31549029547642,32.40001644245405],[121.31532441107775,32.39922211466454],[121.3152245560634,32.39841994453457],[121.31519121691696,32.39761384],[121.3152245560634,32.396807728268655],[121.31532441107775,32.39600553668846],[121.31549029547642,32.39521117361278],[121.31572140108727,32.394428509356175],[121.31601660198706,32.393661357333684],[121.3163744599866,32.392913455475366],[121.31679323163772,32.3921884480068],[121.31727087672702,32.39148986768466],[121.31780506821565,32.39082111857397],[121.3183932035764,32.390185459451025],[121.31903241747287,32.38958598791355],[121.31971959571923,32.389025625275124],[121.32045139045213,32.38850710231843],[121.32122423644122,32.38803294597635],[121.32203436845847,32.387605467006736],[121.32287783962218,32.38722674872063],[121.3237505406256,32.38689863681937],[121.32464821975717,32.38662273039045],[121.32556650361441,32.38640037410604],[121.32650091841062,32.386232651662404],[121.32744691177089,32.38612038049253],[121.32839987491069,32.38606410777772],[121.32935516508931,32.38606410777772],[121.33030812822908,32.38612038049253],[121.33125412158935,32.386232651662404],[121.33218853638557,32.38640037410604],[121.33310682024282,32.38662273039045],[121.33400449937437,32.38689863681937],[121.3348772003778,32.38722674872063],[121.33572067154151,32.387605467006736],[121.33653080355874,32.38803294597635],[121.33730364954785,32.38850710231843],[121.33803544428075,32.389025625275124],[121.33872262252711,32.38958598791355],[121.33936183642356,32.390185459451025],[121.33994997178432,32.39082111857397],[121.34048416327295,32.39148986768466],[121.3409618083623,32.3921884480068],[121.3413805800134,32.392913455475366],[121.34173843801295,32.393661357333684],[121.34203363891271,32.394428509356175],[121.34226474452356,32.39521117361278],[121.34243062892222,32.39600553668846],[121.34253048393657,32.396807728268655],[121.34256382308301,32.39761384]]]},"bbox":[121.31519121691696,32.38606410777772,121.34256382308301,32.40916209502349]}]} \ No newline at end of file diff --git a/src/assets/styles/element-ui copy.scss b/src/assets/styles/element-ui copy.scss new file mode 100644 index 0000000..077008e --- /dev/null +++ b/src/assets/styles/element-ui copy.scss @@ -0,0 +1,168 @@ +// cover some element-ui styles + +.el-breadcrumb__inner, +.el-breadcrumb__inner a { + font-weight: 400 !important; +} + +.el-upload { + input[type="file"] { + display: none !important; + } +} + +.el-upload__input { + display: none; +} + +.cell { + .el-tag { + margin-right: 0px; + } +} + +.small-padding { + .cell { + padding-left: 5px; + padding-right: 5px; + } +} + +.fixed-width { + .el-button--mini { + padding: 7px 10px; + width: 60px; + } +} + +.status-col { + .cell { + padding: 0 10px; + text-align: center; + + .el-tag { + margin-right: 0px; + } + } +} + +// to fixed https://github.com/ElemeFE/element/issues/2461 +.el-dialog { + transform: none; + left: 0; + position: relative; + margin: 0 auto; + margin-bottom: 10px; +} + +// refine element ui upload +.upload-container { + .el-upload { + width: 100%; + + .el-upload-dragger { + width: 100%; + height: 200px; + } + } +} + +// dropdown +.el-dropdown-menu { + a { + display: block + } +} + +// fix date-picker ui bug in filter-item +.el-range-editor.el-input__inner { + display: inline-flex !important; +} + +// to fix el-date-picker css style +.el-range-separator { + box-sizing: content-box; +} + +.el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow { + display: none; +} + +.el-date-editor.el-input, +.el-date-editor.el-input__inner { + width: 100% !important; +} + +.el-pagination__jump { + margin-left: 0; +} + +.el-table th.el-table__cell>.cell { + font-family: "Source Han Sans CN-Bold"; + color: #333333; + +} + +tbody .el-table__row .el-table__cell .cell { + font-family: "Source Han Sans CN-Regular"; + color: #292F38; +} + +tbody .el-table__row .el-table__cell:first-child .cell { + color: #4D5158; + font-family: "DIN-Regular"; +} + +.el-dialog__header { + padding-top: 10px; + font-size: 16px; + font-family: "Source Han Sans CN-Regular"; + background: #F8F9FA; +} + +.el-dialog__headerbtn { + top: 14px; +} + +.el-form-item__label { + font-family: "Source Han Sans CN-Regular"; + color: #292F38; + font-weight: normal; +} + +.el-select { + width: 100%; +} + +.el-dialog__body { + padding: 20px; +} + +.el-dialog__footer { + padding-bottom: 20px; + padding-right: 20px; +} + +.el-descriptions-row th { + width: 15%; + background: #F5F7FA !important; + font-size: 14px; + font-family: "Source Han Sans CN-Medium" ; + font-weight: 500; + color: #292F38 !important; +} +.el-descriptions-row td { + font-size: 14px; + font-family: "Source Han Sans CN-Regular"; + font-weight: 400; + line-height: 40px; + color: #4D5158 !important; +} +// 去除数字输入框后面的加减号 +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; +} +input[type="number"]{ + -moz-appearance: textfield; +} diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index f95b43a..642787e 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -7,6 +7,9 @@ @import '../font/font.css'; @import './amap.scss'; @import './rightleft.scss'; +@import './leaflet.scss'; +@import './layout.scss'; + diff --git a/src/assets/styles/layout.scss b/src/assets/styles/layout.scss new file mode 100644 index 0000000..0a50048 --- /dev/null +++ b/src/assets/styles/layout.scss @@ -0,0 +1,1806 @@ +//所有页面的表格的头部标题 +.container { + height: 100%; + width: 100%; + box-sizing: border-box; + // overflow: auto; + position: relative; + background: #fff; + + .tabs { + width: 100%; + // height: 15%; + background: #fff; + } + + // 新增一店一码弹框按钮 + .el-dialog { + background: #FFFFFF; + border-radius: 8px; + + .el-dialog__header { + border-radius: 8px 8px 0 0; + background: #F8F9FA; + height: 40px; + + .dialog-title { + display: flex; + justify-content: space-between; + align-items: center; + + div { + font-size: 14px; + font-family: Source Han Sans CN; + font-weight: 400; + color: #333333; + } + + i { + cursor: pointer; + } + } + } + + .el-dialog__body { + padding: 10px; + + .dialogForm { + .dialog-foot { + .el-form-item__content { + display: flex; + justify-content: flex-end; + align-items: center; + + .designate, + .save, + .resetFields, + .el-button { + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + padding: 0 15px; + background-color: #F88129; + border-radius: 4px; + margin: 0 10px; + + img { + width: 14px; + margin-right: 4px; + } + + span { + font-size: 12px; + font-family: Source Han Sans CN; + font-weight: 400; + color: #FFFFFF; + line-height: 30px; + } + } + + .resetFields { + background-color: #FFFFFF; + border: 1px solid #DEE2EE; + + span { + color: #4D5158; + } + } + + .resetFields:hover { + color: #4D5158 !important; + } + + .save { + margin-right: 0; + background-color: #1E80EB; + } + } + } + + .el-form-item__label { + font-size: 14px; + font-family: Source Han Sans CN-Medium, Source Han Sans CN; + font-weight: 500; + color: #4D5158; + padding-right: 5px; + } + + .dianpu-item { + .el-form-item__content { + display: flex; + align-items: center; + + .select-btn { + flex: 1; + + .form-d-input { + border: 1px solid #C0C4CC; + border-radius: 4px; + display: flex; + align-items: center; + justify-content: center; + height: 34px; + cursor: pointer; + user-select: none; + } + + .form-d-inputTow { + border: 1px solid #C0C4CC; + border-radius: 4px; + min-height: 34px; + padding: 0 15px; + + .el-tag { + margin-right: 5px; + } + } + } + + .el-button { + margin-left: 5px; + padding: 9px 20px; + } + } + } + + .el-input__inner { + height: 32px; + } + + textarea, + .el-input__inner { + &::placeholder { + font-size: 14px; + font-family: Source Han Sans CN; + font-weight: 400; + line-height: 18px; + color: #A1ABBA; + } + + font-size: 14px; + font-family: Source Han Sans CN-Regular, + Source Han Sans CN; + font-weight: 400; + color: #292F38; + } + } + } + } + + .msgMent { + + //消息管理查看弹框 + .team-main { + display: flex; + // justify-content: space-between; + padding: 0 10px; + font-family: "Source Han Sans CN-Regular"; + justify-content: flex-start; + margin-bottom: 15px; + + &>div:nth-of-type(1) { + color: #8E9298; + width: 15%; + text-align: right; + margin-right: 10px; + } + + &>div:nth-of-type(2) { + color: #292F38; + width: 80%; + } + } + } + + .tabsBottom { + // height: 85%; + padding-top: 10px; + + .foot-main { + // height: 100%; + // min-height: 600px; + // width: 100%; + padding-bottom: 20px; + background: white; + + .exportBtn { + padding: 10px 20px; + } + + .exportBtn1 { + display: flex; + padding: 10px 20px; + + .danchunxinzeng { + height: 28px; + width: 80px; + text-align: center; + line-height: 28px; + background: #1E80EB; + background-size: 100% 100%; + font-family: Source Han Sans CN-Regular, Source Han Sans CN; + color: #ffffff; + border-radius: 5px; + font-size: 16px; + + } + + .new-L { + padding: 10px 9px; + font-size: 14px; + font-family: Source Han Sans CN-Regular, Source Han Sans CN; + font-weight: 400; + color: #FFFFFF; + // line-height: 24px; + } + + .new-R { + padding: 10px 9px; + font-size: 14px; + font-family: Source Han Sans CN-Regular, Source Han Sans CN; + font-weight: 400; + color: #FFFFFF; + margin-left: auto; + } + + &>div { + margin-right: 10px; + cursor: pointer; + } + + .fq { + height: 32px; + width: 130px; + background-image: url('../images/fqzggd.png'); + background-size: 100% 100%; + } + + .sc { + height: 32px; + width: 130px; + background-image: url('../images/sczggd.png'); + background-size: 100% 100%; + } + + .zf { + height: 32px; + width: 130px; + background-image: url('../images/zfzggd.png'); + background-size: 100% 100%; + } + + .xzzt { + height: 32px; + width: 100px; + background-image: url('../images/xzzt.png'); + background-size: 100% 100%; + } + + .xgzt { + height: 32px; + width: 100px; + background-image: url('../images/xgzt.png'); + background-size: 100% 100%; + } + + .sczt { + height: 32px; + width: 100px; + background-image: url('../images/sczt.png'); + background-size: 100% 100%; + } + + .scewm { + height: 32px; + width: 115px; + background-image: url('../images/scewm.png'); + background-size: 100% 100%; + } + + .xzkqz { + height: 32px; + width: 120px; + background-image: url('../images/xzkqz.png'); + background-size: 100% 100%; + } + + .xzkqd { + height: 32px; + width: 120px; + background-image: url('../images/xzkqd@2x.png'); + background-size: 100% 100%; + } + + .xzkqgz { + height: 32px; + width: 134px; + background-image: url('../images/xzkqgz@2x.png'); + background-size: 100% 100%; + } + + .xzqjlx { + height: 32px; + width: 134px; + background-image: url('../images/xzqjlx@2x.png'); + background-size: 100% 100%; + } + + .xzwl { + height: 32px; + width: 104px; + background-image: url('../images/xzwl@2x.png'); + background-size: 100% 100%; + } + + .xzkhsz { + height: 32px; + width: 130px; + background-image: url('../images/xzkhsz@2x.png'); + background-size: 100% 100%; + } + + .xzcl { + height: 32px; + width: 106px; + background-image: url('../images/xzcl@2x.png'); + background-size: 100% 100%; + } + } + + .table-box { + padding: 0 20px; + } + } + + + } + + + + .search-input { + padding: 10px 0 0 18px; + } + +} + +.inputSonBox { + margin: 10px 0; + width: 100%; + display: flex; + + .el-radio-group { + display: flex; + align-items: center; + justify-content: center; + } + + .el-date-editor { + width: 25% !important; + } + + .el-select { + width: 15% !important; + + .el-input { + width: 100% !important; + + .el-select__caret { + line-height: 30px; + } + } + } + + .el-input { + width: 15% !important; + + // width: 15%; + .el-input__inner { + width: 100%; + height: 30px; + background: #FFFFFF; + border-radius: 2px 2px 2px 2px; + opacity: 1; + border: 1px solid #DEE2EE; + + &::placeholder { + font-size: 14px; + font-family: Source Han Sans CN; + font-weight: 400; + line-height: 18px; + color: #A1ABBA; + } + + font-size: 14px; + font-family: Source Han Sans CN-Regular, + Source Han Sans CN; + font-weight: 400; + color: #292F38; + } + } + + .el-date-editor { + input { + padding-left: 15px; + } + + .el-input__prefix { + display: none; + } + } + + .texts { + display: flex; + align-items: center; + font-size: 14px; + font-family: "Source Han Sans CN-Medium"; + font-weight: 500; + color: #4D5158; + width: 5%; + } + + .texts1 { + display: flex; + align-items: center; + flex-direction: row-reverse; + padding-right: 15px; + font-size: 14px; + font-family: "Source Han Sans CN-Medium"; + font-weight: 500; + color: #4D5158; + width: 5%; + } + + .searchBtn { + margin-left: 10px; + + .rytbIcon1 { + cursor: pointer; + width: 54px; + height: 26px; + background-image: url('../images/tjrytb.png'); + background-size: 100% 100%; + } + + .rytbIcon2 { + cursor: pointer; + width: 54px; + height: 26px; + background-image: url('../images/scrytb.png'); + background-size: 100% 100%; + } + } +} + +.inputSonBoxList { + .el-date-editor { + width: 20% !important; + } + + .texts1 { + padding-right: 10px; + } +} + +.headerText { + width: 100%; + padding: 10px 0px 8px 20px; + border-bottom: 1px solid #DEE2EE; + font-family: "Source Han Sans CN-Bold"; + font-weight: bold; + color: #323233; + font-size: 16px; + position: relative; + + .headerClose { + cursor: pointer; + font-size: 16px; + position: absolute; + right: 14px; + top: 10px; + } + + + + .searchP { + position: relative; + cursor: pointer; + + &::before { + content: ""; + width: 26px; + height: 3px; + border-radius: 4px; + background: #1e80eb; + position: absolute; + bottom: -8px; + } + } +} + +.shanbao-grade { + display: flex; + align-items: center; + justify-content: center; + + .yuandian { + width: 8px; + height: 8px; + border-radius: 50%; + margin-right: 5px; + } +} + +// +.section-list { + height: 100%; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + + +//申请列表在表格中的审批状态 +.state-sub { + width: 20%; + display: flex; + flex-direction: row-reverse; + margin-right: 8px; +} + +.qiyongColor { + background-color: #31D9AE; +} + +.jinyongColor { + background-color: #F76359; +} + +.state-sub2 { + flex: 1; + text-align: left; +} + +.colors { + width: 8px; + height: 8px; + border-radius: 50%; +} + +.orange { + background: #ff7f35; +} + +.red { + + background: #F76359; +} + +.blue { + + background: #1e80eb; +} + +.brown { + background: #7A808A; +} + +.green { + background: #52CD80; +} + +.initiate { + background: #31D9AE; +} + + +//申请列表的操作按钮 +.sqbtn { + font-family: "Source Han Sans CN-Regular"; + border-radius: 4px 4px 4px 4px; + opacity: 1; + font-size: 12px; + margin-right: 8px; + cursor: pointer; +} + +.sqbtn1 { + background: #ebf5ff; + border: 1px solid #a1cbf8; + color: #0E7CF4; +} + +.sqbtn2 { + background: #FFEFE3; + border: 1px solid #FFC89F; + color: #F88129; +} + +.sqbtn3 { + background: #FFE1DF; + border: 1px solid #F9B3AE; + color: #F76359; +} + +.sqbtn4 { + background: #DBF5FD; + border: 1px solid #43D0FC; + color: #1BA6E9; +} + +.sqbtn5 { + background: #DDFFF6; + border: 1px solid #72E1C5; + color: #10B58B; +} + +//申请列表的审批弹窗 +.diaMain { + font-size: 16px; + font-size: 14px; + font-family: "Source Han Sans CN-Regular"; + color: '#292F38'; + + .sqsp { + display: flex; + margin-bottom: 15px; + + &>div:nth-of-type(1) { + width: 60%; + display: flex; + + .title-div-left { + width: 30%; + } + + .title-div-right { + flex: 1; + padding: 0 5px; + } + + &>span:nth-of-type(2) { + flex: 1; + } + } + + &>div:nth-of-type(2) { + flex: 1; + display: flex; + + &>span:nth-of-type(2) { + flex: 1; + } + } + } + + .fuhao { + margin: 0 5px; + } + + .shjg { + margin-bottom: 15px; + + } + + .spyj { + display: flex; + + &>div:nth-of-type(1) { + width: 15%; + // flex: 1; + } + } +} + + +//新增考勤组 +.people-item { + display: flex; + justify-content: space-between; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + .item-sectionbox { + width: 47%; + overflow: auto; + height: 300px; + border: 1px solid #dcdfe6; + border-radius: 4px; + padding-left: 10px; + } + + .item-righttext { + width: 47%; + padding: 10px 15px; + height: 300px; + overflow: auto; + border: 1px solid #dcdfe6; + border-radius: 4px; + + + &>header { + display: flex; + justify-content: space-between; + + &>div:nth-of-type(1) { + color: #34373b; + } + + &>div:nth-of-type(2) { + color: #3976f1; + cursor: pointer; + } + } + + .selected { + padding: 10px; + + .item-sele { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 5px; + + .sele-left { + display: flex; + align-items: center; + + .sele-img { + height: 30px; + width: 30px; + background-size: 100% 100%; + background-image: url("../images/kqtx.png"); + margin-right: 8px; + } + } + + .sele-right { + color: #3976f1; + cursor: pointer; + } + } + } + } +} + +//关联考勤组的盒子 +.add-kqz { + border-radius: 2px; + height: 150px; + border: 1px solid #DEE0DF; +} + +//新增考勤点的盒子 +.relevanceGroup { + display: flex; + + .kqzStyle { + width: 100px; + height: 30px; + line-height: 30px; + text-align: center; + font-family: "Source Han Sans CN-Regular"; + margin-right: 10px; + cursor: pointer; + user-select: none; + } + + .kqzStyle1 { + background: #FFFFFF; + border: 1px solid #DEE0DF; + color: #A1ABBA; + opacity: 1; + border-radius: 16px; + } + + .kqzStyle2 { + background: #F0FFFB; + border: 1px solid #31D9AE; + color: #11AC84; + opacity: 1; + border-radius: 16px; + } + +} + +.pointMapDetail { + width: 100%; + height: 250px; + margin-bottom: 18px; +} + +#xzkqdt { + width: 100%; + height: 100%; +} + +.L-dialog-form { + padding-bottom: 100px; +} + +// 新增考勤点选择位置样式 +.el-autocomplete-suggestion { + margin-top: 8px !important; +} + +.el-autocomplete-suggestion__wrap { + height: 105px; + padding: 5px 0; + + li { + line-height: 25px; + font-size: 12px; + } +} + +// 新增考勤点输入地址的样式修改 +.L-address-select { + .el-form-item__content { + margin-left: 0 !important; + } +} + +// 店铺列表样式 +.shop-dialog { + .el-form-item__content { + .el-input__inner { + width: 230px; + height: 30px; + background: #FFFFFF; + border-radius: 2px 2px 2px 2px; + opacity: 1; + border: 1px solid #DEE2EE; + + &::placeholder { + font-size: 14px; + font-family: Source Han Sans CN; + font-weight: 400; + line-height: 18px; + color: #A1ABBA; + } + + font-size: 14px; + font-family: Source Han Sans CN-Regular, + Source Han Sans CN; + font-weight: 400; + color: #292F38; + } + } + + .dialog-foot { + padding: 10px 0; + display: flex; + justify-content: flex-end; + } +} + +.sswz { + width: 100%; + display: flex; + align-items: center; + justify-content: center; + + .sswz-img { + width: 40px; + padding-right: 12px; + display: flex; + align-items: center; + flex-direction: row-reverse; + + &>div:nth-of-type(1) { + width: 27px; + height: 27px; + background-image: url('../images/wzdt.png'); + background-size: 100% 100%; + } + } + + .sswz-input { + flex: 1; + + .el-autocomplete { + width: 100%; + } + } +} + + +//围栏新增 +.wl-header { + width: 100%; + display: flex; + justify-content: space-between; + margin-bottom: 18px; + + .wl-left-tab { + display: flex; + + &>div { + cursor: pointer; + user-select: none; + } + + .wl-active1-box { + height: 32px; + line-height: 32px; + padding: 0 8px; + background: #1E83EB; + border: 1px solid #1E83EB; + color: white; + font-family: "Source Han Sans CN-Regular"; + } + + .wl-active2-box { + height: 32px; + line-height: 32px; + padding: 0 8px; + border: 1px solid #DEE0DF; + background: #FFFFFF; + font-family: "Source Han Sans CN-Regular"; + color: #A1ABBA; + } + } +} + +.wldt { + width: 100%; + height: 500px; +} + +#xzwldt { + width: 100%; + height: 100%; +} + +//leflet图标样式 +.noneStyle { + width: auto !important; + height: auto !important; + border: none; + background: none; +} + +.pointStyle1 { + background: #fff; + height: 20px; + // padding:0 5px ; + line-height: 20px; + text-align: center; + border-radius: 4px; + color: #292F38; + font-family: "Source Han Sans CN-Regular"; + position: relative; + display: flex; + flex-direction: column; + align-items: center; + + img { + width: 32px !important; + } +} + +.sjxys1 { + width: 0px; + height: 0px; + border: 5px solid transparent; + border-top-color: #fff; + position: absolute; + left: 40%; + bottom: -9px; +} + + +//违规停留设置 +.set-nav { + width: 100%; + padding: 10px 0px 8px 20px; + border-bottom: 1px solid #DEE2EE; + font-family: "Source Han Sans CN-Bold"; + font-weight: bold; + color: #323233; + font-size: 16px; + display: flex; + + .item-set-nav { + margin-right: 50px; + position: relative; + cursor: pointer; + + .set-nav-border { + content: ""; + width: 26px; + height: 3px; + border-radius: 4px; + background: #1e80eb; + position: absolute; + bottom: -8px; + } + } +} + +.set-bottom-box { + width: 100%; + height: 400px; + display: flex; + justify-content: center; + padding-top: 30px; + + &>div:nth-of-type(1) { + width: 50%; + } +} + +//巡查打卡记录的详情 +.team-main { + display: flex; + justify-content: space-between; + font-family: "Source Han Sans CN-Regular"; + margin-bottom: 15px; + + &>div:nth-of-type(1) { + color: #8E9298; + width: 25%; + text-align: right; + } + + &>div:nth-of-type(2) { + + color: #292F38; + width: 70%; + } +} + +//安全隐患分析的echarts图表 +.sectionBigMain { + background: #fff; + width: 100%; + height: 100%; + padding: 16px; + position: relative; + + #safetyMap { + width: 100%; + height: 100%; + } + + .itemSonEchartsBox { + height: calc(250px - 42px); + width: 100%; + + #ztlbtj1, + #yhfbtj1, + #yhlxtj1 { + height: 100%; + width: 100%; + } + + } + + .left-box-L { + position: absolute; + left: 26px; + top: 26px; + z-index: 500; + } + + .itemMain1 { + // position: absolute; + // left: 36px; + // top: 36px; + width: 338px; + height: 250px; + background: white; + padding: 13px 17px; + border-radius: 5px; + } + + .itemMain2 { + // position: absolute; + // left: 400px; + // width: 448px; + height: 250px; + margin-top: 10px; + background: white; + padding: 13px 17px; + border-radius: 5px; + } + + .itemMain3 { + position: absolute; + right: 26px; + top: 26px; + width: 338px; + height: 250px; + background: white; + z-index: 500; + padding: 13px 17px; + border-radius: 5px; + } +} + +//隐患处理分析 +.yhcl-box { + height: 100%; + width: 100%; + display: flex; + flex-direction: column; + + .yhTopTJ, + .yhBottomTJ { + flex: 1; + + &>div { + height: 100%; + width: 100%; + background: white; + } + } + + .yhTopTJ { + padding-bottom: 8px; + } + + .yhBottomTJ { + padding-top: 8px; + } + + .yhclSonBox { + height: calc(100% - 42px); + + #yhcl1, + #yhcl2 { + height: 100%; + width: 100%; + } + } +} + +//队员考核分析 +.kh-box { + height: 100%; + width: 100%; + + .kh-item { + height: 50%; + background: #fff; + + .kh-top { + height: calc(100% - 42px); + width: 100%; + display: flex; + + &>section { + height: 100%; + width: 50%; + } + } + + } +} + +.left-system-boxTow { + width: 200px; + // position: fixed; + // top: 145px; + // left: 300px; + + .system-nav-text { + font-size: 16px; + font-family: "Source Han Sans CN-Regular"; + font-weight: 400; + color: #292F38; + display: flex; + align-items: center; + margin-bottom: 15px; + cursor: pointer; + user-select: none; + + .round-dotshow { + border-radius: 50%; + margin-right: 10px; + position: relative; + width: 12px; + height: 12px; + background: #DEE0DF; + + + .xian { + height: 20px; + width: 1px; + position: absolute; + top: 15px; + left: 44%; + background: #DEE0DF; + + } + + .xianfalse { + display: none; + } + + .round-dotaction { + background: #1E83EB; + + } + } + + + // 蓝色 + .round-dotaction { + background: #1E83EB; + } + } + + +} + +//基础功能配置 +.bottomSystem { + padding: 20px; + display: flex; + + .zhzxsz { + margin-bottom: 10px; + border: 1px solid #DEE2EE; + } + + .left-system-box { + width: 200px; + } + + .right-system-box { + flex: 1; + height: calc(100vh - 25vh); + overflow: auto; + } + + .setHeaderText { + display: flex; + font-size: 14px; + + &>div:nth-of-type(1) { + background-color: #02D1A6; + height: 32px; + width: 32px; + line-height: 32px; + text-align: center; + color: #FFF; + font-family: "Source Han Sans CN-Regular"; + } + + &>div:nth-of-type(2) { + padding-left: 15px; + color: #313332; + flex: 1; + background: #E0E8F9; + line-height: 32px; + font-family: "Source Han Sans CN-Bold"; + } + } + + .setTextsStyle { + font-size: 14px; + font-family: "Source Han Sans CN-Medium"; + font-weight: 500; + color: #4D5158; + padding-right: 10px; + // width: 33%; + text-align: right; + } + + .zhzxFooterBox { + display: flex; + padding: 15px; + + .oneFooterBox { + width: 40%; + + .zhzxitemBoxs { + display: flex; + align-items: center; + margin: 15px 0; + + .el-input { + flex: 1; + } + } + } + + .twoFooterBox { + width: 60%; + padding-left: 30px; + display: flex; + + .logMain { + flex: 1; + + .filesUpdate { + cursor: pointer; + user-select: none; + margin-top: 10px; + height: 95px; + width: 95px; + border-radius: 8px; + background-color: #1E80EB; + background-size: 100% 100%; + display: flex; + align-items: center; + justify-content: center; + + .fileIcon { + width: 40px; + height: 30px; + background-image: url('../images/scyd.png'); + background-size: 100% 100%; + } + + + .fileTexts { + margin-top: 10px; + font-size: 14px; + font-family: "Source Han Sans CN-Regular"; + font-weight: 400; + color: #FFFFFF; + } + } + + .amplification { + flex: 1; + font-size: 14px; + cursor: pointer; + user-select: none; + display: flex; + flex-direction: column-reverse; + + .amplification-text { + span { + margin: 0 15px 0 15px; + font-family: "Source Han Sans CN-Regular"; + } + + &>span:nth-of-type(1) { + color: #0E7CF4; + } + + &>span:nth-of-type(2) { + color: #F76359; + } + } + + } + + .fileHint { + margin-top: 10px; + font-size: 12px; + font-family: "Source Han Sans CN-Regular"; + font-weight: 400; + color: #B1B6BF; + } + } + + } + + .mapBox { + margin-top: 10px; + height: 200px; + width: 300px; + user-select: none; + + .drawMap { + height: 160px; + width: 300px; + margin-bottom: 10px; + background-image: url('../images/mapBackground.png'); + background-size: 100% 100%; + cursor: pointer; + } + + .drawText { + font-size: 14px; + font-family: "Source Han Sans CN-Regular"; + font-weight: 400; + color: #F76359; + } + } + + .addGW { + cursor: pointer; + width: 100px; + height: 32px; + margin-bottom: 10px; + background-image: url('../images/xzgw.png'); + background-size: 100% 100%; + } + } +} + +//沿街商铺详情 +.yjsp-detail { + padding: 15px; + + +} + +.yjsp-tab { + display: flex; + + .yjsp-tab-item1 { + width: 110px; + height: 30px; + margin-right: 10px; + cursor: pointer; + user-select: none; + font-size: 14px; + line-height: 30px; + text-align: center; + font-family: "Source Han Sans CN-Regular"; + font-weight: 400; + } + + .yjsp-tab-item2 { + background: #F8F9F9; + border: 1px solid #DBE0E8; + border-bottom: none; + color: #292F38; + } + + .yjsp-tab-item3 { + border: none; + background: #1E80EB; + color: #fff; + } +} + +.btnStyle { + position: absolute; + z-index: 9999; + top: 10px; + left: 10px; + display: flex; + + span { + font-family: "Source Han Sans CN-Regular"; + } +} + +.leaflet-div-icon { + background-color: transparent !important; + border: none !important; + font-size: 16px !important; +} + +.divIconStyle { + font-family: "Source Han Sans CN-Regular"; +} + +.yjsp-footer { + padding: 15px; + border: 1px solid #DBE0E8; + + tbody th { + width: 15%; + } + + tbody td { + width: 35%; + } + + header { + position: relative; + font-size: 14px; + font-family: "Source Han Sans CN-Bold"; + font-weight: bold; + color: #1E80EB; + padding-left: 10px; + + &::before { + content: ''; + width: 3px; + height: 12px; + background: #1E80EB; + position: absolute; + top: 6px; + left: 0; + } + } +} + +//沿街商铺画像 +.dphx-box { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + font-size: 36px; + font-family: "Source Han Sans CN-Bold"; + font-weight: bold; + color: #00194B; + letter-spacing: 8px; + + .dphx-input { + margin-top: 50px; + width: 500px; + height: 40px; + + .el-input, + .el-autocomplete { + height: 100% !important; + width: 100% !important; + + .el-input__inner { + height: 100% !important; + width: 100% !important; + } + + .el-input-group__append { + padding: 0 !important; + border: none; + color: #fff; + font-size: 16px; + letter-spacing: 0; + } + + .el-input__prefix { + font-size: 14px !important; + top: 2px; + } + } + + .dphx-search { + user-select: none; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + width: 80px; + height: 100%; + background-image: url('../images/hxsrk.png'); + background-position: 100px 80px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + } +} + +.dphx-footer { + // height: 100%; + // width: 100%; + background-color: #fff; + padding: 15px; + + .dphx-header-text { + margin-bottom: 15px; + + header { + font-size: 16px; + font-family: "Source Han Sans CN-Bold"; + font-weight: bold; + color: #323233; + opacity: 1; + display: flex; + justify-content: space-between; + + .back-hx { + display: flex; + align-items: center; + font-size: 14px; + font-family: "Source Han Sans CN-Medium"; + font-weight: 500; + color: #1E80EB; + user-select: none; + cursor: pointer; + + .back-img { + width: 14px; + height: 11px; + background-image: url('../images/back@2x.png'); + background-size: 100% 100%; + margin-right: 5px; + } + } + } + + section { + margin-top: 20px; + margin-bottom: 20px; + + .nav-title-detail { + margin: 10px 0; + display: flex; + + .dphx-text1 { + width: 14%; + font-size: 14px; + font-family: "Source Han Sans CN-Regular"; + font-weight: 400; + color: #292F38; + } + + .dphx-text2 { + width: 20%; + font-size: 14px; + font-family: "Source Han Sans CN-Regular"; + font-weight: 400; + color: #4D5158; + margin-right: 10px; + } + } + } + + .yyzzStyle { + display: flex; + + img { + width: 256px; + height: 150px; + } + + .yyzz-fdj-box { + cursor: pointer; + user-select: none; + display: flex; + flex-direction: column-reverse; + margin-left: 20px; + + .icon-fdj { + width: 14px; + height: 14px; + background-image: url('../images/yyzzfdj.png'); + background-size: 100% 100%; + margin-right: 5px; + } + + span { + font-size: 14px; + font-family: "Source Han Sans CN-Regular"; + font-weight: 400; + color: #1E83EB; + } + } + } + } +} + +//巡查事件的事件基础信息管理 +.sj-title-type { + border: 1px solid #dcdfe6; + width: 100%; + height: 200px; + padding: 10px; + border-radius: 4px; + + section { + display: flex; + flex-wrap: wrap; + + .sj-tag { + background-color: #f4f4f5; + border: 1px solid #e9e9eb; + color: #909399; + border-radius: 4px; + padding: 2px 8px; + line-height: 0; + display: flex; + margin: 5px; + align-items: center; + line-height: normal; + font-family: "Source Han Sans CN-Regular"; + + .sj-icon { + margin-left: 5px; + cursor: pointer; + display: flex; + align-items: center; + font-size: 16px; + } + } + } + +} + +// 考勤组时间选择 +.time-scope { + .el-form-item__content { + display: flex; + + .el-date-editor { + width: 280px !important; + // .el-input__inner { + // width: 100%; + // } + } + + span { + text-align: center; + flex: 1; + } + } +} + +.mylogMain { + width: 60%; + padding-left: 0; + display: flex; + + .logMain { + flex: 1; + + .logMainbox { + display: flex; + } + + .filesUpdate { + cursor: pointer; + user-select: none; + margin: 0 5px; + margin-top: 10px; + height: 95px; + width: 95px; + border-radius: 8px; + background-color: #1E80EB; + background-size: 100% 100%; + display: flex; + align-items: center; + justify-content: center; + + .fileIcon { + width: 40px; + height: 30px; + background-image: url('../images/scyd.png'); + background-size: 100% 100%; + } + + + .fileTexts { + margin-top: 10px; + font-size: 14px; + font-family: "Source Han Sans CN-Regular"; + font-weight: 400; + color: #FFFFFF; + } + } + + .amplification { + width: 30px; + font-size: 14px; + cursor: pointer; + user-select: none; + display: flex; + flex-direction: column-reverse; + + .amplification-text { + span { + color: #F76359; + + font-family: "Source Han Sans CN-Regular"; + } + + + } + + } + + .fileHint { + margin-top: 10px; + font-size: 12px; + font-family: "Source Han Sans CN-Regular"; + font-weight: 400; + color: #B1B6BF; + } + } + +} + +.section-list { + height: 100%; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} \ No newline at end of file diff --git a/src/assets/styles/leaflet.scss b/src/assets/styles/leaflet.scss new file mode 100644 index 0000000..2c8ea43 --- /dev/null +++ b/src/assets/styles/leaflet.scss @@ -0,0 +1,681 @@ +.leaflet-popup-content-wrapper { + background-color: transparent !important; + box-shadow: none !important; +} + +.leaflet-popup-close-button { + display: none; +} + +.leaflet-popup-tip-container { + display: none; +} + +// 事件分布 +.event-popup { + width: 252px; + // height: 244px; + background-image: url("~@/assets/images/popup/popup.png"); + background-size: 100% 100%; + z-index: 600; + + .event-title { + padding: 9px 10px 0 16px; + display: flex; + justify-content: space-between; + + .title { + font-size: 14px; + font-family: Source Han Sans CN-Bold, Source Han Sans CN; + margin-bottom: 0; + font-weight: 700; + color: #E9F4FF; + line-height: 19px; + display: flex; + align-items: center; + justify-content: center; + width: 194px; + 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; + opacity: 1; + border: 1px solid; + border-image: linear-gradient(90deg, rgba(64.00000378489494, 163.00000548362732, 255, 0), rgba(64.00000378489494, 163.00000548362732, 255, 1), rgba(64.00000378489494, 163.00000548362732, 255, 0)) 1 1; + } + + .mask { + width: 15px; + height: 15px; + cursor: pointer; + } + } + + .event-main { + padding: 12px 18px 25px 18px; + display: grid; + grid-column: 1fr; + grid-row-gap: 9px; + + .event-info { + display: flex; + align-items: center; + + .dot { + width: 4px; + height: 4px; + line-height: 17px; + background: #DAEBFF; + box-shadow: 0px 0px 10px 5px rgba(0, 119, 255, 0.25), 0px 0px 5px 0px rgba(229, 241, 255, 0.25); + border-radius: 20px 20px 20px 20px; + margin-right: 7px; + } + + .name, + .position { + font-size: 12px; + font-family: Source Han Sans CN-Medium, Source Han Sans CN; + font-weight: 500; + color: #E9F4FF; + line-height: 17px; + } + + .name { + // flex: 1; + flex-wrap: nowrap; + } + + .position { + width: 120px; + // flex: 1; + // flex-wrap: wrap; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + + .btn { + margin-top: 10px; + background-image: url('~@/assets/images/popup/icon1btn.png'); + background-size: 100% 100%; + width: 100%; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + font-size: 14px; + font-family: Source Han Sans CN-Regular, Source Han Sans CN; + font-weight: 400; + color: #D3EEF2; + line-height: 20px; + cursor: pointer; + } + } +} + + +// 执法人员 +.person-popup { + // width: 242px; + // width: 470px; + width: 390px; + height: 244px; + background-image: url("~@/assets/images/popup/popup.png"); + background-size: 100% 100%; + z-index: 600; + overflow: hidden; + + .person-title { + padding: 9px 10px 0 16px; + display: flex; + justify-content: space-between; + + .title { + font-size: 14px; + font-family: Source Han Sans CN-Bold, Source Han Sans CN; + margin-bottom: 0; + font-weight: 700; + color: #E9F4FF; + line-height: 19px; + display: flex; + align-items: center; + justify-content: center; + // width: 194px; + width: 404px; + 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; + opacity: 1; + border: 1px solid; + border-image: linear-gradient(90deg, rgba(64.00000378489494, 163.00000548362732, 255, 0), rgba(64.00000378489494, 163.00000548362732, 255, 1), rgba(64.00000378489494, 163.00000548362732, 255, 0)) 1 1; + } + + .mask { + // width: 13px; + width: 15px; + height: 15px; + cursor: pointer; + } + } + + .person-main { + padding: 12px 32px 25px 30px; + + .person-info { + display: flex; + align-items: center; + margin-bottom: 10px; + .info-left { + display: flex; + align-items: center; + width: 25%; + .dot { + width: 4px; + height: 4px; + background: #DAEBFF; + box-shadow: 0px 0px 10px 5px rgba(0, 119, 255, 0.25), 0px 0px 5px 0px rgba(229, 241, 255, 0.25); + border-radius: 20px 20px 20px 20px; + margin-right: 10px; + } + + .name { + text-align: right; + flex: 1; + font-size: 12px; + font-family: Source Han Sans CN-Medium, Source Han Sans CN; + font-weight: 500; + color: #E9F4FF; + line-height: 14px; + } + } + + .position { + font-size: 12px; + font-family: Source Han Sans CN-Medium, Source Han Sans CN; + font-weight: 500; + color: #E9F4FF; + line-height: 14px; + margin-right: 9px; + flex: 1; + } + } + + .btns { + display: grid; + // grid-column: 1fr; + // grid-row-gap: 6px; + grid-template-columns: repeat(2, 50%); + grid-column-gap: 6px; + + div { + background-image: url('~@/assets/images/popup/icon1btn.png'); + width: 100%; + height: 30px; + background-size: 100% 100%; + display: flex; + align-items: center; + justify-content: center; + font-size: 14px; + font-family: Source Han Sans CN-Regular, Source Han Sans CN; + font-weight: 400; + color: #D3EEF2; + line-height: 20px; + cursor: pointer; + } + } + } +} + +// 执法人员 +.person-popupTow { + width: 230px; + // width: 470px; + height: 264px; + background-image: url("~@/assets/images/popup/popup.png"); + background-size: 100% 100%; + z-index: 600; + overflow: hidden; + + .person-title { + padding: 9px 10px 0 16px; + display: flex; + justify-content: space-between; + + .title { + font-size: 14px; + font-family: Source Han Sans CN-Bold, Source Han Sans CN; + margin-bottom: 0; + font-weight: 700; + color: #E9F4FF; + line-height: 19px; + display: flex; + align-items: center; + justify-content: center; + // width: 194px; + width: 404px; + 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; + opacity: 1; + border: 1px solid; + border-image: linear-gradient(90deg, rgba(64.00000378489494, 163.00000548362732, 255, 0), rgba(64.00000378489494, 163.00000548362732, 255, 1), rgba(64.00000378489494, 163.00000548362732, 255, 0)) 1 1; + } + + .mask { + // width: 13px; + width: 15px; + height: 15px; + cursor: pointer; + } + } + .myluxian{ + width: 100%; + height: 264px; + padding: 10px; + overflow: auto; + .luxianigem{ + width: 100%; + padding: 10px; + font-size: 14px; + font-family: Source Han Sans CN, Source Han Sans CN; + color: #ffffff; + .zhongdian{ + font-weight: 600; + } + .lucheng{ + display: grid; + grid-template-columns:80px 100px; + margin: 10px 0; + div{ + // text-align: right; + } + } + } + } +} +.person-popupShow{ + height: 180px; + + +} + +// 执法车辆 +.car-popup { + width: 262px; + height: 138px; + overflow: hidden; + background-image: url("~@/assets/images/popup/popup.png"); + background-size: 100% 100%; + z-index: 600; + + .car-title { + padding: 9px 10px 0 16px; + display: flex; + justify-content: space-between; + + .title { + font-size: 14px; + font-family: Source Han Sans CN-Bold, Source Han Sans CN; + margin-bottom: 0; + font-weight: 700; + color: #E9F4FF; + line-height: 19px; + display: flex; + align-items: center; + justify-content: center; + width: 194px; + 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; + opacity: 1; + border: 1px solid; + border-image: linear-gradient(90deg, rgba(64.00000378489494, 163.00000548362732, 255, 0), rgba(64.00000378489494, 163.00000548362732, 255, 1), rgba(64.00000378489494, 163.00000548362732, 255, 0)) 1 1; + } + + .mask { + width: 15px; + height: 15px; + cursor: pointer; + } + } + + .car-main { + padding: 12px 10px 25px 15px; + display: grid; + grid-column: 1fr; + grid-row-gap: 9px; + + .car-info { + display: flex; + align-items: center; + + .dot { + width: 4px; + height: 4px; + background: #DAEBFF; + box-shadow: 0px 0px 10px 5px rgba(0, 119, 255, 0.25), 0px 0px 5px 0px rgba(229, 241, 255, 0.25); + border-radius: 20px 20px 20px 20px; + margin-right: 7px; + } + + .name, + .position { + font-size: 12px; + font-family: Source Han Sans CN-Medium, Source Han Sans CN; + font-weight: 500; + color: #E9F4FF; + line-height: 17px; + margin-right: 8px; + } + } + + // .btn { + // margin-top: 19px; + // background-image: url('../images/popup/icon1btn.png'); + // background-size: 100% 100%; + // width: 100%; + // height: 30px; + // display: flex; + // align-items: center; + // justify-content: center; + // font-size: 14px; + // font-family: Source Han Sans CN-Regular, Source Han Sans CN; + // font-weight: 400; + // color: #D3EEF2; + // line-height: 20px; + // cursor: pointer; + // } + .btns { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 19px; + + .btn { + background-image: url("~@/assets/images/popup/icon2btn.png"); + background-size: 100% 100%; + width: 91px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + font-size: 14px; + font-family: Source Han Sans CN-Regular, Source Han Sans CN; + font-weight: 400; + color: #D3EEF2; + line-height: 20px; + cursor: pointer; + } + } + } +} + +// 监控视频 +.monitoring-popup { + width: 282px; + // height: 230px; + // height: 220px; + background-image: url("~@/assets/images/popup/popup.png"); + background-size: 100% 100%; + z-index: 600; + + .monitoring-title { + padding: 9px 10px 0 16px; + display: flex; + justify-content: space-between; + + .title { + font-size: 14px; + font-family: Source Han Sans CN-Bold, Source Han Sans CN; + margin-bottom: 0; + font-weight: 700; + color: #E9F4FF; + line-height: 19px; + display: flex; + align-items: center; + justify-content: center; + // width: 194px; + width: 234px; + 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; + opacity: 1; + border: 1px solid; + border-image: linear-gradient(90deg, rgba(64.00000378489494, 163.00000548362732, 255, 0), rgba(64.00000378489494, 163.00000548362732, 255, 1), rgba(64.00000378489494, 163.00000548362732, 255, 0)) 1 1; + } + + .mask { + width: 15px; + height: 15px; + cursor: pointer; + } + } + + .monitoring { + padding: 11px 0 0 0; + + .monitoring-list { + padding: 12px 32px 10px 30px; + + .person-info { + display: flex; + // align-items: center; + margin-bottom: 10px; + .info-left { + display: flex; + // align-items: center; + width: 35%; + .dot { + width: 4px; + height: 4px; + background: #DAEBFF; + box-shadow: 0px 0px 10px 5px rgba(0, 119, 255, 0.25), 0px 0px 5px 0px rgba(229, 241, 255, 0.25); + border-radius: 20px 20px 20px 20px; + margin-right: 10px; + margin-top: 7px; + } + + .name { + text-align: right; + flex: 1; + font-size: 12px; + font-family: Source Han Sans CN-Medium, Source Han Sans CN; + font-weight: 500; + color: #E9F4FF; + line-height: 14px; + } + } + + .position { + font-size: 12px; + font-family: Source Han Sans CN-Medium, Source Han Sans CN; + font-weight: 500; + color: #E9F4FF; + line-height: 14px; + margin-right: 9px; + flex: 1; + } + } + } + + .btns { + display: flex; + align-items: center; + justify-content: space-between; + // margin-top: 16px; + padding: 0 25px 15px 25px; + + .btn { + background-image: url("~@/assets/images/popup/icon2btn.png"); + background-size: 100% 100%; + width: 91px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + font-size: 14px; + font-family: Source Han Sans CN-Regular, Source Han Sans CN; + font-weight: 400; + color: #D3EEF2; + line-height: 20px; + cursor: pointer; + } + } + } +} + +.popup-pc-person { + bottom: 20px !important; +} + +.popup-pc-common { + bottom: 23px !important; +} + +.popup-pc-emphasis { + bottom: 25px !important; +} + +.popup-pc-car { + bottom: 25px !important; +} + +.popup-pc-monitoring { + bottom: 20px !important; +} + +// 重点区域文字 +.region-name1 { + display: flex !important; + justify-content: center; + align-items: center; + color: #F44444; +} + +// 重点路段文字 +.region-name2 { + display: flex !important; + // justify-content: center; + align-items: center; + color: #46FF77; +} + +.land-name2 { + font-size: 16px; + font-weight: bold; + text-align: center; + // font-style: italic; + color: rgba(181, 207, 255, 0.5); + // background: linear-gradient(0deg, #B5CFFF 0%, #fff7cf 100%); + // -webkit-background-clip: text; + // -webkit-text-fill-color: transparent; + // line-height: 24px; + // letter-spacing: 2px; + white-space: nowrap; + // filter: drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)); +} + +.land-name5 { + // font-size: 16px; + // font-weight: bold; + text-align: center; + color: #62E1FA; + line-height: 24px; + letter-spacing: 2px; + white-space: nowrap; + // filter: drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)); +} + +// .leaflet-zoom-animated img { +// -webkit-filter: invert(50%) grayscale(0) saturate(0.5) brightness(1.6) opacity(1) hue-rotate(334deg) sepia(10%) !important; +// -ms-filter: invert(1) grayscale(0) saturate(0.5) brightness(1.6) opacity(1) hue-rotate(334deg) sepia(10%) !important; +// -moz-filter: invert(1) grayscale(0) saturate(0.5) brightness(1.6) opacity(1) hue-rotate(334deg) sepia(10%) !important; +// filter: invert(1) grayscale(0) saturate(0.5) brightness(1.6) opacity(1) hue-rotate(10deg) sepia(100%) !important; +// filter: invert(1) grayscale(0) saturate(0.5) brightness(1.6) opacity(1) hue-rotate(195deg) !important; +// } +// 执法人员icon +.divIcon-marker { + .markers { + display: flex; + flex-direction: column; + align-items: center; + .marker-title { + width: 100%; + height: 100%; + text-align: center; + padding: 5px; + font-size: 14px; + font-family: Source Han Sans CN, Source Han Sans CN; + font-weight: 500; + color: #FFFFFF; + line-height: 20px; + background-image: url('~@/assets/images/personInfo.png'); + background-size: 100% 100%; + } + } +} + +.travel { + background-image: url("~@/assets/images/dialogbg/dialog1.png"); + background-size: 100% 100%; + background-color: transparent; + .el-dialog__header { + padding: 10px 20px; + .closeClick { + // display: flex; + height: 46px; + // justify-content: space-between; + position: relative; + padding-top: 10px; + .headline { + background-image: url("~@/assets/images/dialogtitlebg.png"); + width: 451px; + background-size: 100% 100%; + padding-left: 22px; + height: 38px; + .headlinetitle { + font-size: 20px; + font-family: "YouSheBiaoTiHei"; + font-weight: 400; + // line-height: 26px; + color: #ffffff; + display: flex; + flex: 1; + text-shadow: 1px 1px 0px #1a3f76; + &::before { + content: attr(text); + position: absolute; + z-index: 10; + color: #ffffff; + // 渐变样式 + background: linear-gradient(180deg, #ffffff 0%, #43b4c5 100%); + -webkit-background-clip: text; + color: transparent; + // 去除继承父级样式 + text-shadow: none; + } + } + } + .closeimg { + position: absolute; + width: 20px; + height: 20px; + right: 0px; + top: 6px; + cursor: pointer; + } + } + } + .el-dialog__body { + padding: 22px 20px 60px 20px; + } + // 视频播放 + .watch-video-play { + width: 100%; + height: 500px; + .flv-js { + width: 100%; + height: 100%; + } + } +} \ No newline at end of file diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss index 1ebd071..bab58c1 100644 --- a/src/assets/styles/sidebar.scss +++ b/src/assets/styles/sidebar.scss @@ -3,7 +3,7 @@ .main-container { height: 100%; transition: margin-left .28s; - margin-left: 260px; + margin-left: 250px; position: relative; } diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss index 8715dc7..b7e5d4f 100644 --- a/src/assets/styles/variables.scss +++ b/src/assets/styles/variables.scss @@ -36,7 +36,7 @@ $base-sub-menu-background:#000c17; $base-sub-menu-hover:#001528; */ -$base-sidebar-width: 200px; +$base-sidebar-width: 230px; // the :export directive is the magic sauce for webpack // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue index ce192d7..1dfba58 100644 --- a/src/layout/components/AppMain.vue +++ b/src/layout/components/AppMain.vue @@ -65,6 +65,8 @@ export default { border-radius: 5px; height: calc(100vh - 100px); overflow-y: auto; + background: #ffffff; + padding: 10px; } .fixed-header+.app-main { diff --git a/src/views/Map/Map_Dikong/index.vue b/src/views/Map/Map_Dikong/index.vue index 0a96ceb..4952a6d 100644 --- a/src/views/Map/Map_Dikong/index.vue +++ b/src/views/Map/Map_Dikong/index.vue @@ -6,38 +6,123 @@ :extra-options="{ vectorMapForeign: 'style_zh_cn' }" class="amap-demo"> - - + + + + + +
-
{{ marker.name }}
+
- -
-
{{ marker.name }}
- + + +
+
+
无人机信息
+ +
+
+
+
+
+
设备编号：
+
+
{{ "131654656" }}
+
+
+
+
+
当前位置：
+
+
{{ "长沙镇XX街XX号" }}
+
+
+
+
+
飞行任务：
+
+
{{ "XXXXXXXXXXXXXX" }}
+
+
+
查看轨迹
+
历史任务
+ +
+
- + + + +
+
+
无人机巡查事件
+ +
+
+
+
+
+
事件地点：
+
+
{{ "长沙镇XX街XX号" }}
+
+
+
+
+
发生时间：
+
+
{{ "2024.09.01 15:00:00" }}
+
+
+
+
+
事件照片：
+
+
+ +
+
+
+
+
+
是否处理：
+
+
{{ "已处理" }}
+
+
+
+
+
处理时间：
+
+
{{ "2024.09.01 15:20:00" }}
+
+ +
+
+ +
- +
- + + @@ -54,15 +139,16 @@ import roadpoint2 from "@/assets/mapjson/Chaangshazhen/road-point2.geojson" // 人员分布图标 import ZhanshiTubiao from "@/views/components/ZhanshiTubiao/index.vue" -import Mapdialog from "@/views/components/Mapdialog/index.vue" +import MapWrenjidialog from "@/views/components/MapWrenjidialog/index.vue" +import MapWrenjiLishidialog from "@/views/components/MapWrenjiLishidialog/index.vue" // 左右两边图 -import leftrightEcahts from "@/views/Map/Map_Zhongdianrenyuan/leftrightEcahts/index.vue" -import righttEcahts from "@/views/Map/Map_Zhongdianrenyuan/righttEcahts/index.vue" +import leftrightEcahts from "@/views/Map/Map_Dikong/leftrightEcahts/index.vue" +import righttEcahts from "@/views/Map/Map_Dikong/righttEcahts/index.vue" export default { name: "map-view", - components: { ZhanshiTubiao, leftrightEcahts,righttEcahts,Mapdialog }, + components: { ZhanshiTubiao, leftrightEcahts, righttEcahts, MapWrenjidialog, MapWrenjiLishidialog }, data() { return { zoom: 11.8, @@ -76,6 +162,9 @@ export default { roadline2: roadline2, roadpoint: roadpoint, roadpoint2: roadpoint2, + circleCenter: [121.211641, 32.459487], + circleCenterTow: [121.338284, 32.388852], + radius: [1800, 500], // 面图层样式 polygonOptions: { strokeColor: '#00C5EC', @@ -93,64 +182,45 @@ export default { { position: [121.183697866903292, 32.460227941215508], id: 1, - name: "本地1", + name: "飞机", content: '', - imgSrc: require("@/assets/images/icon/icon1.png") + imgSrc: require("@/assets/images/icon/feiji.png") }, { position: [121.235712627230569, 32.447218823220901], id: 2, - name: "本地2", + name: "对讲", content: '', - imgSrc: require("@/assets/images/icon/icon1.png") + imgSrc: require("@/assets/images/icon/baisebujin.png") }, { position: [121.318413448767714, 32.411908360092688], id: 3, - name: "本地3", + name: "飞机", content: '', - imgSrc: require("@/assets/images/icon/icon1.png") + imgSrc: require("@/assets/images/icon/feiji.png") }, { position: [121.359751265879749, 32.38683020264299], id: 4, - name: "本地4", + name: "对讲", content: '', - imgSrc: require("@/assets/images/icon/icon1.png") - }, - ], - markers2: [ - { - position: [121.23060190230413, 32.393323905814675], - id: 1, - name: "外地1", - content: '', - imgSrc: require("@/assets/images/icon/offLine1.png") - }, - { - position: [121.252903247437729, 32.397970019384182], - id: 2, - name: "外地2", - content: '', - imgSrc: require("@/assets/images/icon/offLine1.png") - }, - { - position: [121.304939719416154, 32.402383827275209], - id: 3, - name: "外地3", - content: '', - imgSrc: require("@/assets/images/icon/offLine1.png") - }, - { - position: [121.3418763222937, 32.418412919089988], - id: 4, - name: "外地4", - content: '', - imgSrc: require("@/assets/images/icon/offLine1.png") + imgSrc: require("@/assets/images/icon/baisebujin.png") }, ], + // 选项 - radio: 1 + radio: 1, + personInfo: { + position: [], + info: {}, + visible: false, + }, + personInfoTow: { + position: [], + info: {}, + visible: false, + } } @@ -161,6 +231,9 @@ export default { unmounted() { }, methods: { + ellipseclick() { + + }, getMap() { // bmap vue component console.log('$refs: ', this.$refs.map.$$getInstance()) @@ -189,7 +262,31 @@ export default { //mark点 clickArrayMarker(e) { console.log(e); - this.$refs.Mapdialog.open("person") + if (e.name == "飞机") { + this.personInfo.visible = true + this.personInfo.position = e.position + this.personInfo.info = e.info + } + if (e.name == "对讲") { + this.personInfoTow.visible = true + this.personInfoTow.position = e.position + this.personInfoTow.info = e.info + } + + }, + guojilook(type) { + if (type == 1) { + this.$refs.MapWrenjidialog.open("person") + + } + if (type == 2) { + this.$refs.MapWrenjiLishidialog.open("person") + + } + }, + markersClosePopup() { + this.personInfo.visible = false; + this.personInfoTow.visible = false; }, // 切换人员 @@ -227,4 +324,15 @@ export default { font-size: 26px; } } + +::v-deep .person-popupmini { + min-height: 254px; + + .position { + img { + width: 150px + } + } + +} diff --git a/src/views/Map/Map_Dikong/leftrightEcahts/index.vue b/src/views/Map/Map_Dikong/leftrightEcahts/index.vue index a988d3a..7cf9ff9 100644 --- a/src/views/Map/Map_Dikong/leftrightEcahts/index.vue +++ b/src/views/Map/Map_Dikong/leftrightEcahts/index.vue @@ -14,21 +14,44 @@
- +
- 外来人口统计（单位：人） + 一号无人机
-
+
+ + + + +
- 本地人口统计（单位：人） + 二号无人机
-
- +
+ + + + + +
+
+ 三号无人机 +
+
+ + + + +
- -
@@ -36,153 +59,43 @@ @@ -202,19 +115,21 @@ export default { .left-list-title { height: 100%; - .Echarts{ - height: 40%; - width: 100%; - } - .EchartsTop { - - } - .EchartsTopTow { - + .Echarts { + padding: 0 20px; + margin: 30px 0; + width: 100%; } } +} +.custom-icon{ + width: 30px; +} +::v-deep .el-step__icon.is-text{ + background: transparent; + border: none; } \ No newline at end of file diff --git a/src/views/Map/Map_Dikong/righttEcahts/index.vue b/src/views/Map/Map_Dikong/righttEcahts/index.vue index bed0242..ddbf396 100644 --- a/src/views/Map/Map_Dikong/righttEcahts/index.vue +++ b/src/views/Map/Map_Dikong/righttEcahts/index.vue @@ -14,8 +14,25 @@
- - + +
+ 三号无人机 +
+
+ +
+
+ 三号无人机 +
+
+ +
+
+ 三号无人机 +
+
+ +
@@ -23,11 +40,10 @@ - diff --git a/src/views/Map/Map_ZhongDahuodong/righttEcahts/Pagination.vue b/src/views/Map/Map_ZhongDahuodong/righttEcahts/Pagination.vue deleted file mode 100644 index bb33f40..0000000 --- a/src/views/Map/Map_ZhongDahuodong/righttEcahts/Pagination.vue +++ /dev/null @@ -1,165 +0,0 @@ - - - - diff --git a/src/views/Map/Map_ZhongDahuodong/righttEcahts/index.vue b/src/views/Map/Map_ZhongDahuodong/righttEcahts/index.vue index bed0242..b466006 100644 --- a/src/views/Map/Map_ZhongDahuodong/righttEcahts/index.vue +++ b/src/views/Map/Map_ZhongDahuodong/righttEcahts/index.vue @@ -14,20 +14,63 @@
- - + +
+
+
+ 活动名称：xxx活动 +
+
+ 活动名称：xxx号大街 +
+
+ 现场监控: +
+ + + + +
+
+
+
+
+ 活动名称：xxx活动 +
+
+ 活动名称：xxx号大街 +
+
+ 现场监控: +
+ + + + +
+
+
+
+ + +
+
+
XXXXX活动预案
+ 16:00:00 +
+
- diff --git a/src/views/ZhongdianRen/Xinxiguanli/index.vue b/src/views/ZhongdianRen/Xinxiguanli/index.vue index eeb5c4e..583699f 100644 --- a/src/views/ZhongdianRen/Xinxiguanli/index.vue +++ b/src/views/ZhongdianRen/Xinxiguanli/index.vue @@ -1,24 +1,479 @@ - +
+
+
+
查询条件
+
+
+
+
姓名:
+ +
身份证号码:
+ +
联系方式:
+ +
+ 查询 + 重置 +
+
+
+
+
+
+
+
重点人员信息管理列表
+
+
+
+ 新增 +
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + 重置 + 保存 + + +
+ - diff --git a/src/views/ZhongdianRen/Yihuyidang/loudongguanli/index.vue b/src/views/ZhongdianRen/Yihuyidang/loudongguanli/index.vue index 3326852..68508ad 100644 --- a/src/views/ZhongdianRen/Yihuyidang/loudongguanli/index.vue +++ b/src/views/ZhongdianRen/Yihuyidang/loudongguanli/index.vue @@ -1,24 +1,500 @@ - +
+
+
+
查询条件
+
+
+
+
小区名称:
+ +
物业管理公司:
+ +
物业电话:
+ +
+ 查询 + 重置 +
+
+
+
+
+
+
+
楼栋管理列表
+
+
+
+ 新增 +
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + 重置 + 保存 + + +
+ - diff --git a/src/views/ZhongdianRen/Yihuyidang/xiaoquguanli/index.vue b/src/views/ZhongdianRen/Yihuyidang/xiaoquguanli/index.vue index e43416e..e140e13 100644 --- a/src/views/ZhongdianRen/Yihuyidang/xiaoquguanli/index.vue +++ b/src/views/ZhongdianRen/Yihuyidang/xiaoquguanli/index.vue @@ -1,24 +1,500 @@ - +
+
+
+
查询条件
+
+
+
+
小区名称:
+ +
物业管理公司:
+ +
物业电话:
+ +
+ 查询 + 重置 +
+
+
+
+
+
+
+
小区管理列表
+
+
+
+ 新增 +
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + 重置 + 保存 + + +
+ - diff --git a/src/views/ZhongdianRen/Yihuyidang/zhuhuguanli/index.vue b/src/views/ZhongdianRen/Yihuyidang/zhuhuguanli/index.vue index ce37dff..432df44 100644 --- a/src/views/ZhongdianRen/Yihuyidang/zhuhuguanli/index.vue +++ b/src/views/ZhongdianRen/Yihuyidang/zhuhuguanli/index.vue @@ -1,24 +1,500 @@ - +
+
+
+
查询条件
+
+
+
+
小区名称:
+ +
物业管理公司:
+ +
物业电话:
+ +
+ 查询 + 重置 +
+
+
+
+
+
+
+
住户管理列表
+
+
+
+ 新增 +
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + 重置 + 保存 + + +
+ - diff --git a/src/views/components/MapHuodongdialog/index.vue b/src/views/components/MapHuodongdialog/index.vue new file mode 100644 index 0000000..df7ec0d --- /dev/null +++ b/src/views/components/MapHuodongdialog/index.vue @@ -0,0 +1,507 @@ + + + \ No newline at end of file diff --git a/src/views/components/MapTItle/index.vue b/src/views/components/MapTItle/index.vue index 9a314dc..4a62612 100644 --- a/src/views/components/MapTItle/index.vue +++ b/src/views/components/MapTItle/index.vue @@ -19,12 +19,12 @@
- + admin - - 退出登录 + + 返回首页
@@ -65,7 +65,10 @@ export default { }, methods: { - + dropdown(){ + console.log(11); + this.$router.push("/index") + } }, }; diff --git a/src/views/components/MapWrenjiLishidialog/index.vue b/src/views/components/MapWrenjiLishidialog/index.vue new file mode 100644 index 0000000..8652a9d --- /dev/null +++ b/src/views/components/MapWrenjiLishidialog/index.vue @@ -0,0 +1,124 @@ + + + \ No newline at end of file diff --git a/src/views/Map/Map_Dikong/righttEcahts/ChangeinformationList.vue b/src/views/components/MapWrenjiLishidialog/righttEcahts/ChangeinformationList.vue similarity index 62% rename from src/views/Map/Map_Dikong/righttEcahts/ChangeinformationList.vue rename to src/views/components/MapWrenjiLishidialog/righttEcahts/ChangeinformationList.vue index 71d52c7..cac2cb4 100644 --- a/src/views/Map/Map_Dikong/righttEcahts/ChangeinformationList.vue +++ b/src/views/components/MapWrenjiLishidialog/righttEcahts/ChangeinformationList.vue @@ -3,16 +3,22 @@ - + - + + + + + + + @@ -37,26 +43,54 @@ export default { tableData: [{ - name:"张三", - phone:"13618681115" + name:"xxx任务", + phone:"13618681115", + bianhao:"202312001", + rewuleixing:"日常巡查", + area:"长沙镇xxx路" + },{ - name:"张三", - phone:"13618681115" + name:"xxx任务", + phone:"13618681115", + bianhao:"202312001", + rewuleixing:"日常巡查", + area:"长沙镇xxx路" + },{ - name:"张三", - phone:"13618681115" + name:"xxx任务", + phone:"13618681115", + bianhao:"202312001", + rewuleixing:"日常巡查", + area:"长沙镇xxx路" + },{ - name:"张三", - phone:"13618681115" + name:"xxx任务", + phone:"13618681115", + bianhao:"202312001", + rewuleixing:"日常巡查", + area:"长沙镇xxx路" + },{ - name:"张三", - phone:"13618681115" + name:"xxx任务", + phone:"13618681115", + bianhao:"202312001", + rewuleixing:"日常巡查", + area:"长沙镇xxx路" + },{ - name:"张三", - phone:"13618681115" + name:"xxx任务", + phone:"13618681115", + bianhao:"202312001", + rewuleixing:"日常巡查", + area:"长沙镇xxx路" + },{ - name:"张三", - phone:"13618681115" + name:"xxx任务", + phone:"13618681115", + bianhao:"202312001", + rewuleixing:"日常巡查", + area:"长沙镇xxx路" + },], query: { current: 1, diff --git a/src/views/Map/Map_Dikong/righttEcahts/Pagination.vue b/src/views/components/MapWrenjiLishidialog/righttEcahts/Pagination.vue similarity index 100% rename from src/views/Map/Map_Dikong/righttEcahts/Pagination.vue rename to src/views/components/MapWrenjiLishidialog/righttEcahts/Pagination.vue diff --git a/src/views/components/MapWrenjidialog/index.vue b/src/views/components/MapWrenjidialog/index.vue new file mode 100644 index 0000000..a31b3a8 --- /dev/null +++ b/src/views/components/MapWrenjidialog/index.vue @@ -0,0 +1,490 @@ + + + \ No newline at end of file diff --git a/src/views/components/Maphuodongxxiangdialog/index.vue b/src/views/components/Maphuodongxxiangdialog/index.vue new file mode 100644 index 0000000..35084af --- /dev/null +++ b/src/views/components/Maphuodongxxiangdialog/index.vue @@ -0,0 +1,335 @@ + + + \ No newline at end of file diff --git a/src/views/components/ZhanshiTubiao/index.vue b/src/views/components/ZhanshiTubiao/index.vue index d3dd3d9..d935805 100644 --- a/src/views/components/ZhanshiTubiao/index.vue +++ b/src/views/components/ZhanshiTubiao/index.vue @@ -8,9 +8,12 @@ -->