This commit is contained in:
shijing 2022-06-24 09:12:11 +08:00
parent 7da24fa7d8
commit 4a2bb04356
37 changed files with 796 additions and 536 deletions

View File

@ -6,6 +6,7 @@ VUE_APP_TITLE = '曲阳金隅安全智能管控平台'
# 接口地址
VUE_APP_API_BASEURL = http://1.203.161.103:2800/api
VUE_APP_WS_API = 'ws://localhost:8000'
#VUE_APP_API_BASEURL = http://127.0.0.1:8000/api
# 本地端口

View File

@ -5,4 +5,4 @@ NODE_ENV = production
VUE_APP_TITLE = SCUI
# 接口地址
VUE_APP_API_BASEURL = https://www.fastmock.site/mock/5039c4361c39a7e3252c5b55971f1bd3/api
VUE_APP_API_BASEURL = http://1.203.161.103:2800/api

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"asset":{"generatetool":"cesiumlab2@www.cesiumlab.com/model2tiles","gltfUpAxis":"Z","version":"1.0"},"extras":{"scenetree":"scenetree.json"},"geometricError":774.018721232656,"properties":null,"root":{"boundingVolume":{"box":[422.183534293668,437.56255178526,3.5739075881429,387.009360616328,0,0,0,98.5853817751631,0,0,0,3.63862966140732]},"children":[{"boundingVolume":{"box":[422.173456192017,437.544937133789,2.66514992713922,386.998357772827,0,0,0,98.5675506591797,0,0,0,2.6651499271393]},"content":{"uri":"NoLod_0.b3dm"},"geometricError":0.0},{"boundingVolume":{"box":[422.173456192017,437.355697631836,3.48869991302486,386.998357772827,0,0,0,98.3783111572265,0,0,0,3.48869991302492]},"content":{"uri":"NoLod_1.cmpt"},"geometricError":0.0},{"boundingVolume":{"box":[432.043642044067,439.336639404297,3.58654999732966,377.07684135437,0,0,0,96.4732360839843,0,0,0,3.58654999732972]},"content":{"uri":"NoLod_2.cmpt"},"geometricError":0.0},{"boundingVolume":{"box":[424.454689025879,439.537155151367,3.49999999999995,383.572288513184,0,0,0,96.3505401611328,0,0,0,3.50000000000002]},"content":{"uri":"NoLod_3.cmpt"},"geometricError":0.0}],"geometricError":774.018721232656,"transform":[-0.895779807996946,-0.444498071519951,0.0,0.0,0.285164247917456,-0.574680502827843,0.767087785966645,0.0,-0.340969041548682,0.687141749630003,0.64154214874846,0.0,-2177749.44940341,4388734.4144855,4070062.24292389,1.0]}}
{"asset":{"generatetool":"cesiumlab2@www.cesiumlab.com/model2tiles","version":"1.0"},"extras":{"scenetree":"scenetree.json"},"geometricError":595.704536459409,"properties":null,"refine":"REPLACE","root":{"boundingVolume":{"box":[356.142938159639,312.765509844758,9.54757454013452,236.535289082211,0,0,0,297.852268229704,0,0,0,9.59968921868131]},"children":[{"boundingVolume":{"box":[303.364073609289,298.613287622177,9.56152811069931,183.752693394624,0,0,0,282.546789621777,0,0,0,9.56152830104383]},"content":{"uri":"NoLod_0.cmpt"},"geometricError":0.0,"refine":"REPLACE"},{"boundingVolume":{"box":[356.285654105027,298.882404411347,4.00000276585068,236.363624291453,0,0,0,282.277672832606,0,0,0,4.0000029561952]},"content":{"uri":"NoLod_1.cmpt"},"geometricError":0.0,"refine":"REPLACE"}],"geometricError":595.704536459409,"transform":[-0.895779807996946,-0.444498071519951,0.0,0.0,0.285164247917456,-0.574680502827843,0.767087785966645,0.0,-0.340969041548682,0.687141749630003,0.64154214874846,0.0,-2177749.44940341,4388734.4144855,4070062.24292389,1.0]}}

View File

@ -1 +1 @@
{"scenes":[{"children":[{"id":"89eed53f9f9e4a41a6b19e51cf531322","name":"1F2","sphere":[-2178309.75478314,4388135.35892204,4070409.0858806,65.6489588079138],"type":"element"}],"id":"0d7d1539515a45f6b75c86be354d6088","name":"1F2","sphere":[-2178309.75478314,4388135.35892204,4070409.0858806,65.6489588079138],"type":"node"},{"children":[{"id":"8a8b36ba780849beac1b85503fbdb04f","name":"2F2","sphere":[-2178290.88618264,4388106.06846037,4070451.23104853,126.065386507486],"type":"element"}],"id":"0fc00d7e1b574881b3f96b148d7eb9b0","name":"2F2","sphere":[-2178290.88618264,4388106.06846037,4070451.23104853,126.065386507486],"type":"node"},{"children":[{"id":"7966f5711c974b5e80709c2937064cd6","name":"4F2","sphere":[-2177698.40234888,4388434.81710513,4070413.27683551,46.4853694746065],"type":"element"}],"id":"48433d5217dd4ad7ae16a9e13462adf1","name":"4F2","sphere":[-2177698.40234888,4388434.81710513,4070413.27683551,46.4853694746065],"type":"node"},{"children":[{"id":"094f735e668e427daaf4fccef95dd713","name":"11F2","sphere":[-2178112.31747452,4388280.37683405,4070358.555219,73.7825538863339],"type":"element"}],"id":"27cbfbf76a374c0eaa09e604819ce38e","name":"11F2","sphere":[-2178112.31747452,4388280.37683405,4070358.555219,73.7825538863339],"type":"node"},{"children":[{"id":"4a7b4dbb962449ecacd85939879ade30","name":"26F2","sphere":[-2177878.99455792,4388388.06076262,4070369.14155587,84.0921501343093],"type":"element"}],"id":"d378e5c674884ddb9684151ce90fbc1c","name":"26F2","sphere":[-2177878.99455792,4388388.06076262,4070369.14155587,84.0921501343093],"type":"node"},{"children":[{"id":"6ed85dd0045e408588ef1ac4322424ef","name":"27F2","sphere":[-2177808.23947239,4388427.95603894,4070362.21981386,54.4151015396186],"type":"element"}],"id":"32200735bca2439989e5bddd06bdca3b","name":"27F2","sphere":[-2177808.23947239,4388427.95603894,4070362.21981386,54.4151015396186],"type":"node"},{"children":[{"id":"c378a5ee0fae465cb1c20a229fba789a","name":"28F2","sphere":[-2177780.82645622,4388386.57439248,4070420.43109832,51.3075676119979],"type":"element"}],"id":"f288aade036d4b07bbd82204cb37cb19","name":"28F2","sphere":[-2177780.82645622,4388386.57439248,4070420.43109832,51.3075676119979],"type":"node"},{"children":[{"id":"42a9bfa2ac80486c848fa748ce22a27b","name":"29F2","sphere":[-2177715.33669494,4388402.10265396,4070439.46171285,76.8613933307018],"type":"element"}],"id":"673d33ddbe5c49b8b564f8c465ca9fb4","name":"29F2","sphere":[-2177715.33669494,4388402.10265396,4070439.46171285,76.8613933307018],"type":"node"},{"children":[{"id":"0578ad6b87294e9293a7c1ebf9e0af94","name":"33F2","sphere":[-2177734.69439289,4388417.06378104,4070413.14883931,50.3650373291763],"type":"element"}],"id":"e96091092b56435184b38148f725ad10","name":"33F2","sphere":[-2177734.69439289,4388417.06378104,4070413.14883931,50.3650373291763],"type":"node"},{"children":[{"id":"233ff6d2ab164da4947379cee822200c","name":"41F2","sphere":[-2178023.90460587,4388305.60831697,4070378.77654003,76.2814823063462],"type":"element"}],"id":"736106a5dcf446929e384f1b37e25eb4","name":"41F2","sphere":[-2178023.90460587,4388305.60831697,4070378.77654003,76.2814823063462],"type":"node"},{"children":[{"id":"fbd808bccf47436dada3d8b5cad5454f","name":"43F2","sphere":[-2177952.93418303,4388346.46287323,4070374.39003736,82.0475540649669],"type":"element"}],"id":"5569c9f3e8484d9eabffe03ed429b390","name":"43F2","sphere":[-2177952.93418303,4388346.46287323,4070374.39003736,82.0475540649669],"type":"node"},{"children":[{"id":"e6a55102b9684beabbe53e5eab3a832f","name":"51F2","sphere":[-2177700.71875778,4388454.41377749,4070393.3790901,51.8928764267565],"type":"element"}],"id":"635459cf9950406993001d04e8c46ebd","name":"51F2","sphere":[-2177700.71875778,4388454.41377749,4070393.3790901,51.8928764267565],"type":"node"},{"children":[{"id":"fb9ac824c5864491b44c6fa685fada8d","name":"53F2","sphere":[-2177717.82124907,4388456.56352399,4070379.2725556,19.6807778668564],"type":"element"}],"id":"a996fe6c181f465ba0c389bdc82240ed","name":"53F2","sphere":[-2177717.82124907,4388456.56352399,4070379.2725556,19.6807778668564],"type":"node"}]}
{"scenes":[{"children":[{"id":"a1d0c6e83f027327d8461063f4ac58a6","name":"3F2","sphere":[-2177990.55159353,4388520.82482806,4070165.95084931,98.2805817423099],"type":"element"}],"id":"45c48cce2e2d7fbdea1afc51c7c6ad26","name":"3F2","sphere":[-2177990.55159353,4388520.82482806,4070165.95084931,98.2805817423099],"type":"node"},{"children":[{"id":"76dc611d6ebaafc66cc0879c71b5db5c","name":"5F2","sphere":[-2178018.19592338,4388493.52243597,4070183.47604041,52.658680827538],"type":"element"}],"id":"812b4ba287f5ee0bc9d43bbf5bbe87fb","name":"5F2","sphere":[-2178018.19592338,4388493.52243597,4070183.47604041,52.658680827538],"type":"node"},{"children":[{"id":"979d472a84804b9f647bc185a877a8b5","name":"6F2","sphere":[-2178092.31431459,4388463.01064338,4070173.8281086,54.0880590883472],"type":"element"}],"id":"045117b0e0a11a242b9765e79cbf113f","name":"6F2","sphere":[-2178092.31431459,4388463.01064338,4070173.8281086,54.0880590883472],"type":"node"},{"children":[{"id":"ef0d3930a7b6c95bd2b32ed45989c61f","name":"9F2","sphere":[-2178088.64837065,4388386.62817351,4070257.58810462,102.996425270702],"type":"element"}],"id":"f7664060cc52bc6f3d620bcedc94a4b6","name":"9F2","sphere":[-2178088.64837065,4388386.62817351,4070257.58810462,102.996425270702],"type":"node"},{"children":[{"id":"4f6ffe13a5d75b2d6a3923922b3922e5","name":"19F2","sphere":[-2177939.26175537,4388461.63550987,4070257.03559499,85.0903285056918],"type":"element"}],"id":"0bb4aec1710521c12ee76289d9440817","name":"19F2","sphere":[-2177939.26175537,4388461.63550987,4070257.03559499,85.0903285056918],"type":"node"},{"children":[{"id":"51d92be1c60d1db1d2e5e7a07da55b26","name":"20F2","sphere":[-2177923.58514316,4388508.23938818,4070215.02245354,92.5554292477211],"type":"element"}],"id":"75fc093c0ee742f6dddaa13fff98f104","name":"20F2","sphere":[-2177923.58514316,4388508.23938818,4070215.02245354,92.5554292477211],"type":"node"},{"children":[{"id":"7dcd340d84f762eba80aa538b0c527f7","name":"22F2","sphere":[-2177900.34989023,4388486.5580097,4070249.85358043,37.9972505284336],"type":"element"}],"id":"e2230b853516e7b05d79744fbd4c9c13","name":"22F2","sphere":[-2177900.34989023,4388486.5580097,4070249.85358043,37.9972505284336],"type":"node"},{"children":[{"id":"cdc0d6e63aa8e41c89689f54970bb35f","name":"27F2","sphere":[-2177926.48705943,4388399.42351375,4070330.84871084,58.1654081661628],"type":"element"}],"id":"605ff764c617d3cd28dbbdd72be8f9a2","name":"27F2","sphere":[-2177926.48705943,4388399.42351375,4070330.84871084,58.1654081661628],"type":"node"},{"children":[{"id":"4a47d2983c8bd392b120b627e0e1cab4","name":"35F2","sphere":[-2177814.95696349,4388428.91232476,4070356.90359603,18.0628195832909],"type":"element"}],"id":"2dea61eed4bceec564a00115c4d21334","name":"35F2","sphere":[-2177814.95696349,4388428.91232476,4070356.90359603,18.0628195832909],"type":"node"},{"children":[{"id":"4b04a686b0ad13dce35fa99fa4161c65","name":"36F2","sphere":[-2177865.38965711,4388396.49310009,4070365.87514297,54.326219108471],"type":"element"}],"id":"a1d33d0dfec820b41b54430b50e96b5c","name":"36F2","sphere":[-2177865.38965711,4388396.49310009,4070365.87514297,54.326219108471],"type":"node"},{"children":[{"id":"5ec91aac30eae62f4140325d09b9afd0","name":"37F2","sphere":[-2177871.65091746,4388390.63262586,4070367.77224487,16.9908906881913],"type":"element"}],"id":"ce78d1da254c0843eb23951ae077ff5f","name":"37F2","sphere":[-2177871.65091746,4388390.63262586,4070367.77224487,16.9908906881913],"type":"node"},{"children":[{"id":"b55ec28c52d5f6205684a473a2193564","name":"46F2","sphere":[-2177793.83587211,4388409.21686131,4070391.36816342,85.9242024479644],"type":"element"}],"id":"a4300b002bcfb71f291dac175d52df94","name":"46F2","sphere":[-2177793.83587211,4388409.21686131,4070391.36816342,85.9242024479644],"type":"node"}]}

View File

@ -1 +1 @@
{"asset":{"generatetool":"cesiumlab2@www.cesiumlab.com/model2tiles","gltfUpAxis":"Z","version":"1.0"},"extras":{"scenetree":"scenetree.json"},"geometricError":746.066678928211,"properties":null,"root":{"boundingVolume":{"box":[436.155571429525,452.775774561102,3.39432132570073,373.033339464106,0,0,0,76.6358717603143,0,0,0,3.45395908365026]},"children":[{"boundingVolume":{"box":[436.147506713867,452.781143188476,3.42204999923701,373.024307250977,0,0,0,76.6209564208984,0,0,0,3.42204999923708]},"content":{"uri":"NoLod_0.cmpt"},"geometricError":0.0}],"geometricError":746.066678928211,"transform":[-0.895779807996946,-0.444498071519951,0.0,0.0,0.285164247917456,-0.574680502827843,0.767087785966645,0.0,-0.340969041548682,0.687141749630003,0.64154214874846,0.0,-2177749.44940341,4388734.4144855,4070062.24292389,1.0]}}
{"asset":{"generatetool":"cesiumlab2@www.cesiumlab.com/model2tiles","version":"1.0"},"extras":{"scenetree":"scenetree.json"},"geometricError":343.400276097469,"properties":null,"refine":"REPLACE","root":{"boundingVolume":{"box":[324.029839524999,278.062370271422,3.87435563933104,163.097446464468,0,0,0,171.700138048735,0,0,0,3.90175877697766]},"children":[{"boundingVolume":{"box":[324.025030627047,281.278499051924,3.88339662551878,163.091736376866,0,0,0,168.470487220405,0,0,0,3.88339710235596]},"content":{"uri":"NoLod_0.cmpt"},"geometricError":0.0,"refine":"REPLACE"}],"geometricError":343.400276097469,"transform":[-0.895779807996946,-0.444498071519951,0.0,0.0,0.285164247917456,-0.574680502827843,0.767087785966645,0.0,-0.340969041548682,0.687141749630003,0.64154214874846,0.0,-2177749.44940341,4388734.4144855,4070062.24292389,1.0]}}

View File

@ -1 +1 @@
{"scenes":[{"children":[{"id":"f6cdbc844eb44ccc913890fc65318905","name":"1F3","sphere":[-2178309.36773378,4388134.57916858,4070410.08765113,63.5918018005793],"type":"element"}],"id":"ab8358fb5f04440fb206b8e77c8bc585","name":"1F3","sphere":[-2178309.36773378,4388134.57916858,4070410.08765113,63.5918018005793],"type":"node"},{"children":[{"id":"80d149e7295d48afbba80bf1a14e6bb7","name":"2F3","sphere":[-2178285.43759503,4388097.22201021,4070462.29016032,100.82158014947],"type":"element"}],"id":"1201e5385930487f86f19eaca22afe7a","name":"2F3","sphere":[-2178285.43759503,4388097.22201021,4070462.29016032,100.82158014947],"type":"node"},{"children":[{"id":"bc549edf6649430ab892622450604171","name":"11F3","sphere":[-2178112.36085447,4388280.46432634,4070358.46128731,73.6165101964816],"type":"element"}],"id":"1e123dd4e6184eba8efbad0eaabecc9a","name":"11F3","sphere":[-2178112.36085447,4388280.46432634,4070358.46128731,73.6165101964816],"type":"node"},{"children":[{"id":"044effccfcea45d4bbc16bcceb049477","name":"26F3","sphere":[-2177878.99380739,4388388.05925015,4070369.14022334,84.0886352239174],"type":"element"}],"id":"b259b68f3b0c4a1998338d33230afcb6","name":"26F3","sphere":[-2177878.99380739,4388388.05925015,4070369.14022334,84.0886352239174],"type":"node"},{"children":[{"id":"0ff9aa1cd307484c987567b75b7c0101","name":"28F3","sphere":[-2177780.81874747,4388386.55885673,4070420.41649255,51.2719365167971],"type":"element"}],"id":"14bf3695b59142ef97202c6ab2495609","name":"28F3","sphere":[-2177780.81874747,4388386.55885673,4070420.41649255,51.2719365167971],"type":"node"},{"children":[{"id":"08a85326da254336965b9b4a440f4c46","name":"41F3","sphere":[-2178023.90435403,4388305.60781238,4070378.7760667,76.2803137157881],"type":"element"}],"id":"c9b66ec2d762417790de5434cbf108c4","name":"41F3","sphere":[-2178023.90435403,4388305.60781238,4070378.7760667,76.2803137157881],"type":"node"},{"children":[{"id":"f73c05fd928c476983f988a5f0814176","name":"43F3","sphere":[-2177952.95169222,4388346.49815787,4070374.42298059,82.1297333494075],"type":"element"}],"id":"0ea874998b7942208aa9c3aac94ef548","name":"43F3","sphere":[-2177952.95169222,4388346.49815787,4070374.42298059,82.1297333494075],"type":"node"},{"children":[{"id":"010d990adad8414eb473ec0ecfc3610c","name":"51F3","sphere":[-2177693.50443225,4388457.52149906,4070392.39285434,35.2215822051472],"type":"element"}],"id":"0a8293bb8c9c4021a6279aa4e1cf828e","name":"51F3","sphere":[-2177693.50443225,4388457.52149906,4070392.39285434,35.2215822051472],"type":"node"}]}
{"scenes":[{"children":[{"id":"a1d0c6e83f027327d8461063f4ac58a6","name":"3F3","sphere":[-2178004.4480921,4388509.48223744,4070170.75284379,37.8158730254857],"type":"element"}],"id":"45c48cce2e2d7fbdea1afc51c7c6ad26","name":"3F3","sphere":[-2178004.4480921,4388509.48223744,4070170.75284379,37.8158730254857],"type":"node"},{"children":[{"id":"3def184ad8f4755ff269862ea77393dd","name":"5F3","sphere":[-2178017.55118733,4388492.22313684,4070182.26295788,49.1270677174316],"type":"element"}],"id":"92cc227532d17e56e07902b254dfad10","name":"5F3","sphere":[-2178017.55118733,4388492.22313684,4070182.26295788,49.1270677174316],"type":"node"},{"children":[{"id":"6f3ef77ac0e3619e98159e9b6febf557","name":"9F3","sphere":[-2178091.13483557,4388390.62830607,4070260.90989059,115.231797431001],"type":"element"}],"id":"96da2f590cd7246bbde0051047b0d6f7","name":"9F3","sphere":[-2178091.13483557,4388390.62830607,4070260.90989059,115.231797431001],"type":"node"},{"children":[{"id":"8e98d81f8217304975ccb23337bb5761","name":"19F3","sphere":[-2177939.2532313,4388461.6183312,4070257.01955675,85.0439865708208],"type":"element"}],"id":"d947bf06a885db0d477d707121934ff8","name":"19F3","sphere":[-2177939.2532313,4388461.6183312,4070257.01955675,85.0439865708208],"type":"node"},{"children":[{"id":"a01a0380ca3c61428c26a231f0e49a09","name":"27F3","sphere":[-2177926.4870592,4388399.4235148,4070330.84871244,58.1654150709507],"type":"element"}],"id":"fb7b9ffa5462084c5f4e7e85a093e6d7","name":"27F3","sphere":[-2177926.4870592,4388399.4235148,4070330.84871244,58.1654150709507],"type":"node"},{"children":[{"id":"26337353b7962f533d78c762373b3318","name":"36F3","sphere":[-2177865.34703531,4388396.40720704,4070365.79494946,54.0936575017199],"type":"element"}],"id":"fccb60fb512d13df5083790d64c4d5dd","name":"36F3","sphere":[-2177865.34703531,4388396.40720704,4070365.79494946,54.0936575017199],"type":"node"}]}

View File

@ -1 +1 @@
{"asset":{"generatetool":"cesiumlab2@www.cesiumlab.com/model2tiles","gltfUpAxis":"Z","version":"1.0"},"extras":{"scenetree":"scenetree.json"},"geometricError":744.170203181216,"properties":null,"root":{"boundingVolume":{"box":[435.207451664493,452.775647886796,3.08858443051577,372.085101590608,0,0,0,76.6357467842754,0,0,0,3.14741999190301]},"children":[{"boundingVolume":{"box":[435.199436187744,452.781143188476,3.11109995841974,372.076137542725,0,0,0,76.6209564208984,0,0,0,3.11109995841982]},"content":{"uri":"NoLod_0.cmpt"},"geometricError":0.0}],"geometricError":744.170203181216,"transform":[-0.895779807996946,-0.444498071519951,0.0,0.0,0.285164247917456,-0.574680502827843,0.767087785966645,0.0,-0.340969041548682,0.687141749630003,0.64154214874846,0.0,-2177749.44940341,4388734.4144855,4070062.24292389,1.0]}}
{"asset":{"generatetool":"cesiumlab2@www.cesiumlab.com/model2tiles","version":"1.0"},"extras":{"scenetree":"scenetree.json"},"geometricError":278.693183648866,"properties":null,"refine":"REPLACE","root":{"boundingVolume":{"box":[363.832392141339,269.281378764892,7.72546847350895,124.19165375887,0,0,0,139.346591824433,0,0,0,7.74768337141722]},"children":[{"boundingVolume":{"box":[363.827812569862,269.27685471419,7.72822928428646,124.186660797842,0,0,0,139.338564277459,0,0,0,7.72822928428651]},"content":{"uri":"NoLod_0.cmpt"},"geometricError":0.0,"refine":"REPLACE"}],"geometricError":278.693183648866,"transform":[-0.895779807996946,-0.444498071519951,0.0,0.0,0.285164247917456,-0.574680502827843,0.767087785966645,0.0,-0.340969041548682,0.687141749630003,0.64154214874846,0.0,-2177749.44940341,4388734.4144855,4070062.24292389,1.0]}}

View File

@ -1 +1 @@
{"scenes":[{"children":[{"id":"6497e994e29d409eb31eab26db2fc532","name":"2F4","sphere":[-2178290.01002366,4388106.43599512,4070451.1821279,124.16709577994],"type":"element"}],"id":"1de37f3a4b91431db0958e792cd0bfdf","name":"2F4","sphere":[-2178290.01002366,4388106.43599512,4070451.1821279,124.16709577994],"type":"node"},{"children":[{"id":"7312b47abeb74f4aa7da74757803b9d1","name":"28F4","sphere":[-2177779.11123882,4388387.53298732,4070420.30475252,47.277190730713],"type":"element"}],"id":"e98aae1bb3384b20be0dc0389e63e306","name":"28F4","sphere":[-2177779.11123882,4388387.53298732,4070420.30475252,47.277190730713],"type":"node"},{"children":[{"id":"dc1dbc3fb7994fb9a6a881dc2dfa788f","name":"41F4","sphere":[-2178023.9045863,4388305.60828037,4070378.77650371,76.2813987181804],"type":"element"}],"id":"e7345ccbca11457b8afe52e0d897cef2","name":"41F4","sphere":[-2178023.9045863,4388305.60828037,4070378.77650371,76.2813987181804],"type":"node"}]}
{"scenes":[{"children":[{"id":"a1d0c6e83f027327d8461063f4ac58a6","name":"3F4","sphere":[-2178004.43956859,4388509.46506047,4070170.73680665,37.7691703621565],"type":"element"}],"id":"45c48cce2e2d7fbdea1afc51c7c6ad26","name":"3F4","sphere":[-2178004.43956859,4388509.46506047,4070170.73680665,37.7691703621565],"type":"node"},{"children":[{"id":"3def184ad8f4755ff269862ea77393dd","name":"5F4","sphere":[-2178017.58412598,4388492.28951423,4070182.32492992,49.3065889758152],"type":"element"}],"id":"92cc227532d17e56e07902b254dfad10","name":"5F4","sphere":[-2178017.58412598,4388492.28951423,4070182.32492992,49.3065889758152],"type":"node"},{"children":[{"id":"6f3ef77ac0e3619e98159e9b6febf557","name":"9F4","sphere":[-2178087.99756234,4388390.28156348,4070257.99677957,118.076953969758],"type":"element"}],"id":"96da2f590cd7246bbde0051047b0d6f7","name":"9F4","sphere":[-2178087.99756234,4388390.28156348,4070257.99677957,118.076953969758],"type":"node"},{"children":[{"id":"8e98d81f8217304975ccb23337bb5761","name":"36F4","sphere":[-2177866.50562306,4388396.58262258,4070365.06925232,57.571597709858],"type":"element"}],"id":"d947bf06a885db0d477d707121934ff8","name":"36F4","sphere":[-2177866.50562306,4388396.58262258,4070365.06925232,57.571597709858],"type":"node"}]}

View File

@ -1 +1 @@
{"asset":{"generatetool":"cesiumlab2@www.cesiumlab.com/model2tiles","gltfUpAxis":"Z","version":"1.0"},"extras":{"scenetree":"scenetree.json"},"geometricError":645.36598474835,"properties":null,"root":{"boundingVolume":{"box":[484.606733257533,465.239387343638,2.32696499815211,322.682992374175,0,0,0,64.1734673883766,0,0,0,2.38135842932388]},"children":[{"boundingVolume":{"box":[484.600433349609,465.241195678711,2.32500004768365,322.675140380859,0,0,0,64.1624908447266,0,0,0,2.32500004768372]},"content":{"uri":"NoLod_0.cmpt"},"geometricError":0.0}],"geometricError":645.36598474835,"transform":[-0.895779807996946,-0.444498071519951,0.0,0.0,0.285164247917456,-0.574680502827843,0.767087785966645,0.0,-0.340969041548682,0.687141749630003,0.64154214874846,0.0,-2177749.44940341,4388734.4144855,4070062.24292389,1.0]}}
{"asset":{"generatetool":"cesiumlab2@www.cesiumlab.com/model2tiles","version":"1.0"},"extras":{"scenetree":"scenetree.json"},"geometricError":278.692754674703,"properties":null,"refine":"REPLACE","root":{"boundingVolume":{"box":[363.774077226291,269.281165299471,4.54860665649176,124.133294112864,0,0,0,139.346377337351,0,0,0,4.57081267703325]},"children":[{"boundingVolume":{"box":[363.378983629785,269.276851720405,4.55238962173455,123.737783374129,0,0,0,139.338561283675,0,0,0,4.55239057540894]},"content":{"uri":"NoLod_0.cmpt"},"geometricError":0.0,"refine":"REPLACE"}],"geometricError":278.692754674703,"transform":[-0.895779807996946,-0.444498071519951,0.0,0.0,0.285164247917456,-0.574680502827843,0.767087785966645,0.0,-0.340969041548682,0.687141749630003,0.64154214874846,0.0,-2177749.44940341,4388734.4144855,4070062.24292389,1.0]}}

View File

@ -1 +1 @@
{"scenes":[{"children":[{"id":"78f9a195e78747c4af0f2b4f16864b99","name":"28F5","sphere":[-2177779.11339095,4388387.53732364,4070420.3088621,47.2873883997796],"type":"element"}],"id":"fcf476743d8a48eca900cb9eb234d7be","name":"28F5","sphere":[-2177779.11339095,4388387.53732364,4070420.3088621,47.2873883997796],"type":"node"}]}
{"scenes":[{"children":[{"id":"a1d0c6e83f027327d8461063f4ac58a6","name":"5F5","sphere":[-2178018.36066188,4388493.84916414,4070183.76317206,52.9072938049052],"type":"element"}],"id":"45c48cce2e2d7fbdea1afc51c7c6ad26","name":"5F5","sphere":[-2178018.36066188,4388493.84916414,4070183.76317206,52.9072938049052],"type":"node"},{"children":[{"id":"42a0e188f5033bc65bf8d78622277c4e","name":"9F5","sphere":[-2178096.34707353,4388374.24784086,4070266.94915365,60.2804319637103],"type":"element"}],"id":"6974ce5ac660610b44d9b9fed0ff9548","name":"9F5","sphere":[-2178096.34707353,4388374.24784086,4070266.94915365,60.2804319637103],"type":"node"}]}

View File

@ -1 +1 @@
{"asset":{"generatetool":"cesiumlab2@www.cesiumlab.com/model2tiles","gltfUpAxis":"Z","version":"1.0"},"extras":{"scenetree":"scenetree.json"},"geometricError":37.6673405966721,"properties":null,"root":{"boundingVolume":{"box":[180.75863811071,465.552451772615,1.47509985184297,18.8336702983361,0,0,0,5.97914563538507,0,0,0,1.47704077931121]},"children":[{"boundingVolume":{"box":[180.758598327637,465.552444458008,1.47529995441433,18.8333053588867,0,0,0,5.97804260253906,0,0,0,1.47529995441437]},"content":{"uri":"NoLod_0.cmpt"},"geometricError":0.0}],"geometricError":37.6673405966721,"transform":[-0.895779807996946,-0.444498071519951,0.0,0.0,0.285164247917456,-0.574680502827843,0.767087785966645,0.0,-0.340969041548682,0.687141749630003,0.64154214874846,0.0,-2177749.44940341,4388734.4144855,4070062.24292389,1.0]}}
{"asset":{"generatetool":"cesiumlab2@www.cesiumlab.com/model2tiles","version":"1.0"},"extras":{"scenetree":"scenetree.json"},"geometricError":152.179389246507,"properties":null,"refine":"REPLACE","root":{"boundingVolume":{"box":[410.929813066614,211.649066582788,4.34207683755085,76.0896946232533,0,0,0,69.6824397714809,0,0,0,4.35635270224884]},"children":[{"boundingVolume":{"box":[410.92875234047,211.648507775224,4.34842872619625,76.0824379848323,0,0,0,69.681435255862,0,0,0,4.34842872619629]},"content":{"uri":"NoLod_0.cmpt"},"geometricError":0.0,"refine":"REPLACE"}],"geometricError":152.179389246507,"transform":[-0.895779807996946,-0.444498071519951,0.0,0.0,0.285164247917456,-0.574680502827843,0.767087785966645,0.0,-0.340969041548682,0.687141749630003,0.64154214874846,0.0,-2177749.44940341,4388734.4144855,4070062.24292389,1.0]}}

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"asset":{"generatetool":"cesiumlab2@www.cesiumlab.com/model2tiles","gltfUpAxis":"Z","version":"1.0"},"extras":{"scenetree":"scenetree.json"},"geometricError":826.55118052219,"properties":{"aboveFloor":{"extras":{"group":"","id":"3bf6be057db6b04af61772b271af08d6","name":"aboveFloor","type":"int32_t","unittype":""},"maximum":-2147483647.0,"minimum":2147483647.0},"buildingId":{"extras":{"group":"","id":"170c87b6f1f99cd5e518d3dcbd03f1f5","name":"buildingId","type":"int32_t","unittype":""},"maximum":-2147483647.0,"minimum":2147483647.0},"name":{"extras":{"group":"","id":"dc339526c714e93750ad16b900a29de4","name":"name","type":"string","unittype":""},"maximum":-2147483647.0,"minimum":2147483647.0},"underFloor":{"extras":{"group":"","id":"8678d81e33d2246b5e6d6e9f555ef5c8","name":"underFloor","type":"int32_t","unittype":""},"maximum":-2147483647.0,"minimum":2147483647.0}},"root":{"boundingVolume":{"box":[432.064169174409,472.955895401072,27.2532529109158,413.275590261095,0,0,0,145.443563625682,0,0,0,27.3294402523898]},"children":[{"boundingVolume":{"box":[214.557504653931,469.229461669922,21.3521003723144,167.926504135132,0,0,0,128.407562255859,0,0,0,21.3521003723144]},"content":{"uri":"NoLod_0.b3dm"},"geometricError":0.0},{"boundingVolume":{"box":[202.945056915283,532.112243652344,26.4592495262622,96.5681571960449,0,0,0,68.9551391601563,0,0,0,26.2591495215893]},"content":{"uri":"NoLod_1.b3dm"},"geometricError":0.0},{"boundingVolume":{"box":[423.646461486816,446.323547363281,20.2722492218017,389.175559997559,0,0,0,108.046447753906,0,0,0,20.2722492218018]},"content":{"uri":"NoLod_2.b3dm"},"geometricError":0.0},{"boundingVolume":{"box":[432.023739814758,472.953308105469,14.2071504592895,413.234438896179,0,0,0,145.394104003906,0,0,0,14.2071504592896]},"content":{"uri":"NoLod_3.cmpt"},"geometricError":0.0},{"boundingVolume":{"box":[379.867886543274,472.953170776367,10.2002000808715,361.078585624695,0,0,0,145.394058227539,0,0,0,10.2002000808716]},"content":{"uri":"NoLod_4.cmpt"},"geometricError":0.0},{"boundingVolume":{"box":[432.023739814758,472.953308105469,9.1446504592895,413.234438896179,0,0,0,145.394104003906,0,0,0,9.14465045928956]},"content":{"uri":"NoLod_5.cmpt"},"geometricError":0.0},{"boundingVolume":{"box":[367.101364135742,510.002456665039,22.676399230957,255.564163208008,0,0,0,101.779342651367,0,0,0,22.676399230957]},"content":{"uri":"NoLod_6.cmpt"},"geometricError":0.0},{"boundingVolume":{"box":[437.690796852112,473.647262573242,19.7078990936279,407.617796897888,0,0,0,138.987258911133,0,0,0,19.7078990936279]},"content":{"uri":"NoLod_7.cmpt"},"geometricError":0.0},{"boundingVolume":{"box":[432.231409072876,473.418792724609,27.2803001403808,376.960607528687,0,0,0,130.555389404297,0,0,0,27.2803001403809]},"content":{"uri":"NoLod_8.cmpt"},"geometricError":0.0},{"boundingVolume":{"box":[432.475246429443,472.833068847656,13.6851997375488,412.833347320557,0,0,0,144.602355957031,0,0,0,13.6851997375488]},"content":{"uri":"NoLod_9.cmpt"},"geometricError":0.0},{"boundingVolume":{"box":[424.200100898743,472.856857299805,10.2002000808715,403.989901542664,0,0,0,144.178359985352,0,0,0,10.2002000808716]},"content":{"uri":"NoLod_10.cmpt"},"geometricError":0.0}],"geometricError":826.55118052219,"transform":[-0.895779807996946,-0.444498071519951,0.0,0.0,0.285164247917456,-0.574680502827843,0.767087785966645,0.0,-0.340969041548682,0.687141749630003,0.64154214874846,0.0,-2177749.44940341,4388734.4144855,4070062.24292389,1.0]}}
{"asset":{"generatetool":"cesiumlab2@www.cesiumlab.com/model2tiles","version":"1.0"},"extras":{"scenetree":"scenetree.json"},"geometricError":743.36757371109,"properties":{"aboveFloor":{"extras":{"group":"","id":"3bf6be057db6b04af61772b271af08d6","name":"aboveFloor","type":"int32_t","unittype":""},"maximum":-2147483647.0,"minimum":2147483647.0},"buildingId":{"extras":{"group":"","id":"170c87b6f1f99cd5e518d3dcbd03f1f5","name":"buildingId","type":"int32_t","unittype":""},"maximum":-2147483647.0,"minimum":2147483647.0},"name ":{"extras":{"group":"","id":"61407ea52bd90b78325a69b87c3dd7f1","name":"name ","type":"int32_t","unittype":""},"maximum":-2147483647.0,"minimum":2147483647.0},"underFloor":{"extras":{"group":"","id":"8678d81e33d2246b5e6d6e9f555ef5c8","name":"underFloor","type":"int32_t","unittype":""},"maximum":-2147483647.0,"minimum":2147483647.0}},"refine":"REPLACE","root":{"boundingVolume":{"box":[302.773336872924,332.984230930451,41.7879019416869,371.683786855545,0,0,0,371.522012060508,0,0,0,41.8595770848915]},"children":[{"boundingVolume":{"box":[361.473539840631,261.834671856092,37.290811516622,215.133976037328,0,0,0,248.215135614533,0,0,0,37.2908115607705]},"content":{"uri":"NoLod_0.b3dm"},"geometricError":0.0,"refine":"REPLACE"},{"boundingVolume":{"box":[357.213748732467,298.61329271597,41.8050515651703,237.60237050493,0,0,0,282.546784527983,0,0,0,41.8050520420074]},"content":{"uri":"NoLod_1.b3dm"},"geometricError":0.0,"refine":"REPLACE"},{"boundingVolume":{"box":[374.072633685304,321.791465815049,34.0500162839889,260.141902610233,0,0,0,310.845503584596,0,0,0,34.0500165224075]},"content":{"uri":"NoLod_2.cmpt"},"geometricError":0.0,"refine":"REPLACE"},{"boundingVolume":{"box":[357.213748732467,281.660771013155,30.5500125773251,237.60237050493,0,0,0,261.061274801897,0,0,0,30.5500125996768]},"content":{"uri":"NoLod_3.cmpt"},"geometricError":0.0,"refine":"REPLACE"},{"boundingVolume":{"box":[345.903912308994,310.524015999234,7.50002574711106,211.420288992951,0,0,0,119.703873666207,0,0,0,7.50002575130202]},"content":{"uri":"NoLod_4.cmpt"},"geometricError":0.0,"refine":"REPLACE"},{"boundingVolume":{"box":[374.072633685304,321.791465815049,41.8050341310685,260.141902610233,0,0,0,310.845503584596,0,0,0,41.8050694761092]},"content":{"uri":"NoLod_5.cmpt"},"geometricError":0.0,"refine":"REPLACE"},{"boundingVolume":{"box":[361.71451237286,327.089239836166,23.4889926801122,245.792549697689,0,0,0,302.77308682353,0,0,0,23.4889927019679]},"content":{"uri":"NoLod_6.b3dm"},"geometricError":0.0,"refine":"REPLACE"},{"boundingVolume":{"box":[307.925513489114,238.292257233352,36.0750178098678,170.50424929126,0,0,0,221.179339047756,0,0,0,36.0750180482864]},"content":{"uri":"NoLod_7.cmpt"},"geometricError":0.0,"refine":"REPLACE"},{"boundingVolume":{"box":[337.723784202442,276.831581792497,8.87738800048825,218.112404975308,0,0,0,260.76507360451,0,0,0,8.87736892700197]},"content":{"uri":"NoLod_8.cmpt"},"geometricError":0.0,"refine":"REPLACE"}],"geometricError":743.36757371109,"transform":[-0.895779807996946,-0.444498071519951,0.0,0.0,0.285164247917456,-0.574680502827843,0.767087785966645,0.0,-0.340969041548682,0.687141749630003,0.64154214874846,0.0,-2177749.44940341,4388734.4144855,4070062.24292389,1.0]}}

File diff suppressed because one or more lines are too long

BIN
public/img/menu.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
public/img/menu_active.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

View File

@ -8,6 +8,61 @@
<div class="right-action-full"></div>
</div>
</div>
<div class="screen-ctrl">
<div class="screen-filter">
<div class="filter-content">
<div class="filter-ctrl filter-ctrl-focus">
<div class="screen-check-content hoverPointer">
<span class="box-btn box-uncheck"></span>
<span class="box-text">全部</span>
</div>
<div class="screen-check-content hoverPointer">
<span class="box-btn box-uncheck box-check"></span>
<span class="box-text">车间名称</span>
</div>
<div class="screen-check-content hoverPointer">
<span class="box-btn box-uncheck"></span>
<span class="box-text">摄像头</span>
</div>
<div class="screen-check-content hoverPointer">
<span class="box-btn box-uncheck"></span>
<span class="box-text">消防物资</span>
</div>
<div class="screen-check-content hoverPointer">
<span class="box-btn box-uncheck"></span>
<span class="box-text">危险作业</span>
</div>
<div class="screen-check-content hoverPointer">
<span class="box-btn box-uncheck"></span>
<span class="box-text">风险区域</span>
</div>
<div class="screen-check-content hoverPointer">
<span class="box-btn box-uncheck box-check"></span>
<span class="box-text">车辆</span>
</div>
<div class="screen-check-content hoverPointer">
<span class="box-btn box-uncheck box-check"></span>
<span class="box-text">人员</span>
</div>
<div class="caret-dropdown">
<span class="el-icon-arrow-down"></span>
</div><!----></div>
<!--<div class="filter-action showroam">
<div class="action-shrink"></div>
<div class="action-roam roam-play"></div>
</div>-->
</div>
</div>
<div class="screen-search">
<div class="search-content"><input type="text" placeholder="输入姓名/定位卡号/车牌号进行查找" class="input-focus"><span
class="close-btn el-icon-circle-close" style="display: none;"></span>
<div class="search"></div>
<div class="auto-suggestion" style="display: none;">
<div class="suggestion-select-ul"></div>
</div>
</div>
</div>
</div>
<div class="screen-cockpit">
<div class="cockpit-count">
<div class="divider"></div>
@ -90,380 +145,24 @@
class="item-name">作业报警</span><span class="item-number" style="">2</span></div>
</div>
</div><!----></div>
<!--<div class="cockpit-info">
<div class="cockpit-info">
<div class="divider"></div>
<div class="simple-title">
<div class="header-tab"><span class="tab-item tab-item-active">区域信息情况</span><span class="tab-item">部门信息情况</span>
</div>
<div class="simple-btn-bg alarm-btn">需充电卡片0人</div>
</div>
<div class="screen-areatree">
<div class="area-header"><span class="name bold">区域</span><span class="number bold">人数</span><span
class="number bold">车辆</span></div>
<div class="areatree-content" style="">
<div role="tree" class="el-tree">
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled="" draggable="false"
class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 0px;"><span
class="expanded el-tree-node__expand-icon el-icon-caret-right"></span>&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="二道门区域" class="name">二道门区域</span><span
class="number">0</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true" class="el-tree-node__children">
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled=""
draggable="false" class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 18px;"><span
class="expanded el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="全厂1楼2楼" class="name">全厂1楼2楼</span><span
class="number">76</span><span class="number">2</span></div>
</div>
<div role="group" aria-expanded="true" class="el-tree-node__children">
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled=""
draggable="false" class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 36px;"><span
class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="生产车间一" class="name">生产车间一</span><span
class="number">0</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true"
class="el-tree-node__children"></div>
</div>
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled=""
draggable="false" class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 36px;"><span
class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="生产车间二" class="name">生产车间二</span><span
class="number">8</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true"
class="el-tree-node__children"></div>
</div>
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled=""
draggable="false" class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 36px;"><span
class="expanded el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="环氧树脂车间"
class="name">环氧树脂车间</span><span
class="number">2</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true" class="el-tree-node__children">
<div role="treeitem" tabindex="-1" aria-disabled=""
draggable="false" class="el-tree-node is-focusable">
<div class="el-tree-node__content" style="padding-left: 54px;">
<span
class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="承包商活动区" class="name">承包商活动区</span><span
class="number">0</span><span class="number">0</span>
</div>
</div>&lt;!&ndash;&ndash;&gt;</div>
</div>
</div>
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled=""
draggable="false" class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 36px;"><span
class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="醋酸酯车间" class="name">醋酸酯车间</span><span
class="number">0</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true"
class="el-tree-node__children"></div>
</div>
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled=""
draggable="false" class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 36px;"><span
class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="原药车间"
class="name">原药车间</span><span
class="number">1</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true"
class="el-tree-node__children"></div>
</div>
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled=""
draggable="false" class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 36px;"><span
class="expanded el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="承包商作业区"
class="name">承包商作业区</span><span
class="number">0</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true" class="el-tree-node__children">
<div role="treeitem" tabindex="-1" aria-disabled=""
draggable="false" class="el-tree-node is-focusable">
<div class="el-tree-node__content" style="padding-left: 54px;">
<span
class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="临时区"
class="name">临时区</span><span
class="number">0</span><span class="number">0</span>
</div>
</div>&lt;!&ndash;&ndash;&gt;</div>
</div>
</div>
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled=""
draggable="false" class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 36px;"><span
class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="氢化反应车间"
class="name">氢化反应车间</span><span
class="number">4</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true"
class="el-tree-node__children"></div>
</div>
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled=""
draggable="false" class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 36px;"><span
class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="南侧罐区"
class="name">南侧罐区</span><span
class="number">4</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true"
class="el-tree-node__children"></div>
</div>
</div>
</div>
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled=""
draggable="false" class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 18px;"><span
class="expanded el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="危化品仓库" class="name">危化品仓库</span><span
class="number">1</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true" class="el-tree-node__children">
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled=""
draggable="false" class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 36px;"><span
class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span>
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="甲类仓库"
class="name">甲类仓库</span><span
class="number">1</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true"
class="el-tree-node__children"></div>
</div>
</div>
</div>
</div>
</div>
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled="" draggable="false"
class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 0px;"><span
class="expanded el-tree-node__expand-icon el-icon-caret-right"></span>&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="罐区泡沫消防站" class="name">罐区泡沫消防站</span><span
class="number">0</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true" class="el-tree-node__children">
<div role="treeitem" tabindex="-1" aria-expanded="true" aria-disabled=""
draggable="false" class="el-tree-node is-expanded is-focusable">
<div class="el-tree-node__content" style="padding-left: 18px;"><span
class="is-leaf el-tree-node__expand-icon el-icon-caret-right"></span>&lt;!&ndash;&ndash;&gt;
&lt;!&ndash;&ndash;&gt;
<div class="data-item"><span title="报警区域1" class="name">报警区域1</span><span
class="number">0</span><span class="number">0</span></div>
</div>
<div role="group" aria-expanded="true" class="el-tree-node__children"></div>
</div>
</div>
</div>&lt;!&ndash;&ndash;&gt;
<div class="el-tree__drop-indicator" style="display: none;"></div>
</div>
</div>&lt;!&ndash;&ndash;&gt;
<div class="tree-detail-info left_middle_arrow" style="display: none;">
<div class="simple-title">
<div>&nbsp;数据统计</div>
<div class="icon-close"></div>
</div>
<div class="header-tab">
<div class="tab-item tab-item-active"> 人员</div>
<div class="tab-item"> 车辆</div>
</div>
<div class="detail-content" style="display: none;">
<div class="detail-depart" style="position: relative;">
<div class="depart-content"></div>&lt;!&ndash;&ndash;&gt;
<div class="divider"></div>
<object tabindex="-1" type="text/html" aria-hidden="true" data="about:blank"
style="display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none; padding: 0px; margin: 0px; opacity: 0; z-index: -1000; pointer-events: none;"></object>
</div>
<div class="person-info-header">
<div class="header-basic">
<div class="basic-img">&lt;!&ndash;&ndash;&gt;</div>
<div class="basic-info">
<div class="info-item"><span class="info-item-name">姓名</span><span
class="info-item-info"></span></div>
<div class="info-item"><span class="info-item-name">类型</span><span
class="info-item-info"></span></div>&lt;!&ndash;&ndash;&gt;
<div class="info-item"><span class="info-item-name">定位卡</span><span
class="info-item-info"></span></div>
<div class="info-item"><span class="info-item-name">部门</span><span
class="info-item-info"></span></div>
<div class="info-item"><span class="info-item-name">岗位</span><span
class="info-item-info"></span></div>
</div>
<div class="simple-btn basic-btn">查看详情</div>
</div>
</div>
<div class="basic-btn-group">
<div class="danger-btn-bg btn-item"><img src="/img/screen5/v_track.png" alt="图标"><span>跟踪</span>
</div>
<div class="simple-btn-bg btn-item"><img src="/img/screen5/v_view.png"
alt="图标"><span>轨迹</span></div>
</div>
<div class="screen-percar-list" style="height: calc(100% - 280px);">
<div class="divider"></div>
<div><span style="position: relative;"><div role="tooltip" id="el-popover-7532"
aria-hidden="true"
class="el-popover el-popper btnpopover"
tabindex="0"
style="width: 20px; display: none;">&lt;!&ndash;&ndash;&gt;<div
style="font-size: 13px; max-height: 250px; overflow-y: auto;"><div><span
class="filt-icon-hide"></span><input type="checkbox"
class="filtinput"><span>全部</span></div><div><span
class="filt-icon"></span><input type="checkbox"
class="filtinput"><span>姓名</span></div><div><span
class="filt-icon"></span><input type="checkbox"
class="filtinput"><span>类型</span></div><div><span
class="filt-icon"></span><input type="checkbox"
class="filtinput"><span>部门</span></div><div><span
class="filt-icon"></span><input type="checkbox"
class="filtinput"><span>岗位</span></div><div><span
class="filt-icon"></span><input type="checkbox" class="filtinput"><span>工作单位</span></div><div
class="filtbtns"><button class="cancelflit">重置</button><button
class="setfliter">筛选</button></div></div></div><span
class="el-popover__reference-wrapper"><span type="text"
class="slotspan el-popover__reference"
aria-describedby="el-popover-7532"
tabindex="0"></span></span></span>
</div>
<div class="percar-table-info">
<div
class="el-table el-table&#45;&#45;fit el-table&#45;&#45;scrollable-x el-table&#45;&#45;enable-row-hover el-table&#45;&#45;small">
<div class="hidden-columns">
<div></div>
<div></div>
<div></div>
<div></div>&lt;!&ndash;&ndash;&gt;</div>
<div class="el-table__header-wrapper">
<table cellspacing="0" cellpadding="0" border="0" class="el-table__header"
style="width: 370px;">
<colgroup>
<col name="el-table_2_column_5" width="100">
<col name="el-table_2_column_6" width="80">
<col name="el-table_2_column_7" width="110">
<col name="el-table_2_column_8" width="80">
<col name="gutter" width="0">
</colgroup>
<thead class="has-gutter">
<tr class=""
style="background: transparent; color: rgb(255, 255, 255); padding: 0px; border: none; height: 34px; font-size: 13px; text-align: center;">
<th colspan="1" rowspan="1"
class="el-table_2_column_5 is-leaf el-table__cell"
style="background: transparent; color: rgb(255, 255, 255); padding: 0px; border: none; height: 34px; font-size: 13px; text-align: center;">
<div class="cell"><span>姓名</span>&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
</div>
</th>
<th colspan="1" rowspan="1"
class="el-table_2_column_6 is-leaf el-table__cell"
style="background: transparent; color: rgb(255, 255, 255); padding: 0px; border: none; height: 34px; font-size: 13px; text-align: center;">
<div class="cell"><span>类型</span><span><div role="tooltip"
id="el-popover-5207"
aria-hidden="true"
class="el-popover el-popper cuspopover"
tabindex="0"
style="width: 180px; display: none;">&lt;!&ndash;&ndash;&gt;<div
style="font-size: 13px; max-height: 250px; overflow-y: auto;"><div><input
type="checkbox" class="filtinput"><span>全部</span></div><div><input
type="checkbox" class="filtinput"><span>外来访客</span></div><div><input
type="checkbox" class="filtinput"><span>内部员工</span></div><div
class="filtbtns"><button class="cancelflit">重置</button><button
class="setfliter">筛选</button></div></div></div><span
class="el-popover__reference-wrapper"><span
data-btn="search"
class="iconfont el-icon-filter el-popover__reference"
aria-describedby="el-popover-5207"
tabindex="0"></span></span></span>&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
</div>
</th>
<th colspan="1" rowspan="1"
class="el-table_2_column_7 is-leaf el-table__cell"
style="background: transparent; color: rgb(255, 255, 255); padding: 0px; border: none; height: 34px; font-size: 13px; text-align: center;">
<div class="cell"><span>部门</span>&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;<span><div
role="tooltip" id="el-popover-5267" aria-hidden="true"
class="el-popover el-popper cuspopover" tabindex="0"
style="width: 180px; display: none;">&lt;!&ndash;&ndash;&gt;<div
style="font-size: 13px; max-height: 250px; overflow-y: auto;"><div><input
type="checkbox" class="filtinput"><span>全部</span></div><div
class="filtbtns"><button class="cancelflit">重置</button><button
class="setfliter">筛选</button></div></div></div><span
class="el-popover__reference-wrapper"><span
data-btn="search"
class="iconfont el-icon-filter el-popover__reference"
aria-describedby="el-popover-5267"
tabindex="0"></span></span></span>&lt;!&ndash;&ndash;&gt;</div>
</th>
<th colspan="1" rowspan="1"
class="el-table_2_column_8 is-leaf el-table__cell"
style="background: transparent; color: rgb(255, 255, 255); padding: 0px; border: none; height: 34px; font-size: 13px; text-align: center;">
<div class="cell"><span>岗位</span>&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;<span><div
role="tooltip" id="el-popover-5245" aria-hidden="true"
class="el-popover el-popper cuspopover" tabindex="0"
style="width: 180px; display: none;">&lt;!&ndash;&ndash;&gt;<div
style="font-size: 13px; max-height: 250px; overflow-y: auto;"><div><input
type="checkbox" class="filtinput"><span>全部</span></div><div
class="filtbtns"><button class="cancelflit">重置</button><button
class="setfliter">筛选</button></div></div></div><span
class="el-popover__reference-wrapper"><span
data-btn="search"
class="iconfont el-icon-filter el-popover__reference"
aria-describedby="el-popover-5245"
tabindex="0"></span></span></span></div>
</th>
<th class="el-table__cell gutter"
style="width: 0px; display: none;"></th>
</tr>
</thead>
</table>
</div>
<div class="el-table__body-wrapper is-scrolling-left">
<table cellspacing="0" cellpadding="0" border="0" class="el-table__body"
style="width: 370px;">
<colgroup>
<col name="el-table_2_column_5" width="100">
<col name="el-table_2_column_6" width="80">
<col name="el-table_2_column_7" width="110">
<col name="el-table_2_column_8" width="80">
</colgroup>
<tbody>&lt;!&ndash;&ndash;&gt;</tbody>
</table>
<div class="el-table__empty-block" style="height: 100%; width: 370px;"><span
class="el-table__empty-text">暂无数据</span></div>&lt;!&ndash;&ndash;&gt;</div>&lt;!&ndash;&ndash;&gt;
&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;&lt;!&ndash;&ndash;&gt;
<div class="el-table__column-resize-proxy" style="display: none;"></div>
</div>
</div>&lt;!&ndash;&ndash;&gt;</div>
</div>
<div>
<div class="el-empty">
<div class="el-empty__image" style="width: 150px;"><img src="/img/screen5/nodata.png"
ondragstart="return false">
</div>
<div class="el-empty__description"><p></p></div>&lt;!&ndash;&ndash;&gt;</div>
</div>&lt;!&ndash;&ndash;&gt;</div>
</div>&lt;!&ndash;&ndash;&gt;</div>-->
</div>
</div>
<div class="screen-tab">
<div class="screen-tab-content">
<div class="tab-menu tab-menu-item tab-menu-active"><span class="tab-menu-text">驾驶舱</span></div>
<div class="tab-menu tab-menu-item"><span class="tab-menu-text">监控</span></div>
<div class="tab-menu tab-menu-item"><span class="tab-menu-text">追踪</span></div>
<div class="tab-menu tab-menu-item"><span class="tab-menu-text">最终位置</span></div>
<div class="tab-menu tab-menu-item"><span class="tab-menu-text">疏散演练</span></div>
</div>
</div>
<div id='mapContainer'></div>
</div>
@ -495,27 +194,48 @@
y: 10,
}//
},
imageryProvider: jsmap.JSImageryProviderType.IMAGE_BD,
backgroundColor: '#ffffff', //
imageryProvider: jsmap.JSImageryProviderType.VECTOR_OSM,
backgroundColor: '#3798ff', //
//defaultTiltAngle: 60, //
//defaultRotateAngle: 140, //
});
window.map.openMapById('0000');
window.map.on('loadComplete', e => {
console.log('Map loadComplete!');
var pointMarker = new jsmap.JSPointMarker({
color: '#00FF00', //
size: 10, //
position: new jsmap.JSPoint(114.628074820438, 38.8157131095379, 0), //
floorId: 2, //id,1
outlineColor: '#CD5C5C', //线
outlineWidth: 2, //线
depthTest: true, //
show: true, //
allowPicking: true, //
displayCondition: new jsmap.JSDisplayCondition(0.0, 1000), //
nearFarScale: new jsmap.JSNearFarScale(0.0,10.0,500,0.5), //
properties: {
type: 0
},//
callback: (node) => {
console.log(node);
}//
});
window.map.addMarker(pointMarker);
//window.map.setSkyBox(jsmap.JSSkyBox.STARRY_SKY);//
//window.map.weather = jsmap.JSWeather.SNOW;//DEFAULTRAINSNOWFOGRAIN_SNOW
//window.map.mapStyle = jsmap.JSMapStyle.DEFAULT;//
/*var drawTool = new jsmap.JSDrawToolControl({
var drawTool = new jsmap.JSDrawToolControl({
position: jsmap.JSControlPosition.RIGHT_TOP, //
offset: {
x: 20,
y: 10
y: 180
}, //
drawMode:jsmap.JSDrawMode.POINT, //POINT: POLYLINE:线 POLYGON:
//
callback: (feature) => {
debugger;
console.log('add', feature);
},
//
@ -532,7 +252,8 @@
}
});
window.map.addControl(drawTool);
var drawTool1 = new jsmap.JSDrawToolControl({
/*var drawTool1 = new jsmap.JSDrawToolControl({
position: jsmap.JSControlPosition.RIGHT_TOP, //
offset: {
x: 20,
@ -558,7 +279,7 @@
}
});
window.map.addControl(drawTool1);*/
var drawTool2 = new jsmap.JSDrawToolControl({
/*var drawTool2 = new jsmap.JSDrawToolControl({
position: jsmap.JSControlPosition.RIGHT_TOP, //
offset: {
x: 80,
@ -583,7 +304,7 @@
console.log('locate..', feature);
}
});
window.map.addControl(drawTool2);
window.map.addControl(drawTool2);*/
var groundBoxMarker = new jsmap.JSGroundBoxMarker({
id: 'groundBoxMarker', //id
position: [
@ -609,6 +330,8 @@
window.map.addMarker(groundBoxMarker);
});
window.map.on('mapClickNode', event => {
debugger;
// window.map.drawTool.activate(jsmap.JSDrawMode.POINT);
console.log(event);
});
// levellevellevel1-24
@ -624,6 +347,10 @@
</script>
<style scoped>
.hoverPointer:hover {
cursor: pointer;
}
.screen-header {
width: 100% !important;
height: 84px !important;
@ -682,7 +409,410 @@
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(270deg, rgba(0, 113, 155, .15), rgba(0, 92, 126, .54) 27%, #00455f);
background: linear-gradient(90deg, #00455f, rgba(0, 113, 155, 0));
transition: all .5s linear;
}
.screen-main .screen-cockpit .cockpit-count {
position: absolute;
top: 84px;
left: 0;
height: 20%;
width: 100%;
padding: 0 10px 0 18px;
}
.screen-main .screen-cockpit .cockpit-alarm {
position: absolute;
top: calc(20% + 84px);
left: 0;
height: 20%;
width: 100%;
padding: 0 10px 0 18px;
}
.screen-main .screen-cockpit .cockpit-info {
position: absolute;
top: calc(40% + 84px);
left: 0;
height: calc(60% - 84px);
width: 100%;
padding: 0 10px 0 18px;
}
.screen-main .divider {
display: block;
height: 1px;
width: 100%;
background: hsla(0, 0%, 100%, .5);
z-index: 2;
}
.screen-main .simple-title {
line-height: 22px;
font-size: 16px;
font-weight: 700;
color: #fff;
position: relative;
padding-left: 8px;
height: 44px;
display: flex;
align-items: center;
justify-content: space-between;
}
.screen-main .header-tab {
display: flex;
align-items: center;
justify-content: space-between;
}
.screen-main .header-tab .tab-item {
padding: 0 4px;
text-align: center;
font-size: 15px;
font-weight: 400;
color: #fff;
position: relative;
cursor: pointer;
}
.screen-main .header-tab .tab-item-active {
font-weight: 700;
}
.screen-main .header-tab .tab-item-active:after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
height: 8px;
width: 100%;
background: linear-gradient(90deg, rgba(48, 255, 221, 0), rgba(48, 255, 221, .8) 50%, rgba(48, 255, 221, 0));
}
.screen-main .screen-cockpit .cockpit-info .header-tab {
width: 210px;
}
.screen-main .screen-cockpit .cockpit-count .count-list {
display: flex;
flex-wrap: wrap;
height: calc(100% - 50px);
}
.screen-main .screen-cockpit .cockpit-count .count-list .count-list-item {
width: 33.3333%;
height: 50%;
display: flex;
}
.screen-main .screen-cockpit .cockpit-count .count-list .count-list-item .item-img1 {
/*background: url(/img/screen5/icon_wlry.png) no-repeat;*/
background-size: 100% 100%;
}
.screen-main .screen-cockpit .cockpit-count .count-list .count-list-item .item-img {
width: 50px;
height: 50px;
position: relative;
margin-right: 6px;
flex-shrink: 0;
}
.screen-main .screen-cockpit .cockpit-count .count-list .count-list-item .item-info .normal {
font-size: 12px;
font-weight: 400;
color: #fff;
}
.screen-main .screen-cockpit .cockpit-count .count-list .count-list-item .item-info .large {
font-size: 36px;
font-weight: 400;
color: #fff;
}
.screen-main .simple-btn-bg {
display: inline-block;
height: 32px;
line-height: 32px;
border-radius: 16px;
color: #fff;
font-size: 14px;
padding: 0 18px;
border: 1px solid #32fde3;
background: #007767;
box-shadow: inset 0 0 8px #5aecf0;
cursor: pointer;
}
.screen-main .simple-btn-bg:hover {
box-shadow: 0 0 8px #5aecf0, inset 0 0 8px #5aecf0;
}
.screen-main .screen-cockpit .cockpit-alarm .alarm-bell {
padding: 0 18px 0 32px;
position: relative;
color: #fff;
}
.screen-main .screen-cockpit .cockpit-alarm .alarm-bell.danger {
border: 1px solid #ffc679;
background: #dd8000;
box-shadow: inset 0 0 8px #fda732;
}
.screen-main .screen-cockpit .cockpit-alarm .alarm-bell.danger:hover {
box-shadow: 0 0 8px #fda732, inset 0 0 8px #fda732;
}
.screen-main .screen-cockpit .cockpit-alarm .alarm-content {
display: flex;
justify-content: space-between;
height: calc(100% - 50px);
}
.screen-main .screen-cockpit .cockpit-alarm .alarm-content .content-left {
width: 160px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.screen-main .screen-cockpit .cockpit-alarm .alarm-content .content-right {
width: calc(100% - 170px);
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.screen-main .screen-cockpit .cockpit-alarm .alarm-content .content-right .alarm-item {
width: 50%;
height: 25%;
font-size: 14px;
font-weight: 700;
padding-left: 8px;
position: relative;
display: flex;
align-items: center;
}
.screen-main .screen-cockpit .cockpit-alarm .alarm-content .content-right .alarm-item-danger {
color: #fda732;
}
.screen-main .screen-cockpit .cockpit-alarm .alarm-content .content-right .alarm-item-safe {
color: #fff;
}
.screen-main .screen-cockpit .cockpit-alarm .alarm-content .content-right .alarm-item .item-name {
margin-right: 4px;
flex-shrink: 0;
}
.screen-main .screen-cockpit .cockpit-alarm .alarm-content .content-right .alarm-item .item-number {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.screen-main .screen-ctrl {
position: absolute;
top: 60px;
right: 18px;
z-index: 2;
transition: all .5s linear;
}
.screen-main .screen-ctrl .screen-filter {
position: absolute;
top: 0;
right: 0;
}
.screen-main .screen-ctrl .screen-filter .filter-content {
display: flex;
align-items: center;
background: rgba(24, 36, 51, .5);
border-radius: 20px;
}
.screen-main .screen-ctrl .screen-filter .filter-content .filter-ctrl {
width: 0;
height: 40px;
opacity: 0;
display: flex;
align-items: center;
background: transparent;
overflow: hidden;
padding: 0;
z-index: 8;
transition: all .5s linear;
}
.screen-main .screen-ctrl .screen-filter .filter-content .filter-ctrl-focus {
width: 710px;
opacity: 1;
padding: 0 20px;
}
.screen-main .screen-check-content {
display: flex;
align-items: center;
height: 40px;
}
.screen-main .screen-ctrl .screen-filter .filter-content .filter-ctrl .screen-check-content {
margin-right: 16px;
}
.screen-main .screen-check-content .box-btn {
width: 16px;
height: 16px;
margin-right: 6px;
cursor: pointer;
}
.screen-main .screen-check-content .box-uncheck {
width: 16px;
height: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #5bde0b;
/*background: url(/img/screen5/uncheck.png) no-repeat 100% 100%;*/
}
.screen-main .screen-check-content .box-text {
font-size: 14px;
font-weight: 400;
line-height: 40px;
color: #fff;
white-space: nowrap;
}
.screen-main .screen-check-content .box-check {
width: 16px;
height: 16px;
border: 0.01rem solid #5bde0b;
background: #5bde0b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*background: url(/img/screen5/check.png) no-repeat 100% 100%!important;*/
}
.screen-main .screen-ctrl .screen-search {
position: absolute;
top: 54px;
right: 0;
}
.screen-main .screen-ctrl .screen-search .search-content {
padding: 5px;
background: rgba(24, 36, 51, .5);
border-radius: 20px;
display: flex;
align-items: center;
position: relative;
}
.screen-main .screen-ctrl .screen-search input {
width: 0;
height: 30px;
font-size: 13px;
outline: none;
border: none;
padding: 0;
margin: 0;
background: transparent;
color: #fff;
transition: all .5s linear;
opacity: 0;
}
.screen-main .screen-ctrl .screen-search .input-focus {
width: 250px;
opacity: 1;
padding: 0 20px 0 12px;
}
.screen-main .screen-ctrl .screen-search .close-btn {
position: absolute;
top: 12px;
right: 50px;
width: 8px;
height: 8px;
cursor: pointer;
color: #fff;
}
.screen-main .screen-ctrl .screen-search .search {
margin: auto;
width: 30px;
height: 30px;
background: #5bde0b;
border-radius: 50%;
transition: all 1s;
position: relative;
}
.screen-main .screen-ctrl .screen-search .auto-suggestion {
position: absolute;
left: 10px;
top: 46px;
background: rgba(24, 36, 51, .8);
}
.screen-main .screen-ctrl .screen-search .auto-suggestion .suggestion-select-ul {
padding: 4px;
max-height: 350px;
overflow-y: auto;
}
.screen-main .screen-tab {
position: absolute;
bottom: 0;
left: 50%;
z-index: 9;
transform: translate(-50%);
transition: all .5s linear;
}
.screen-main .screen-tab .screen-tab-content {
display: flex;
align-items: center;
}
.screen-main .screen-tab .tab-menu-item {
width: 150px;
height: 80px;
text-align: center;
margin: 0 10px;
cursor: pointer;
}
.screen-main .screen-tab .tab-menu-active .tab-menu-text {
font-weight: 700;
color: #fff;
}
.screen-main .screen-tab .tab-menu-text {
height: 80px;
line-height: 80px;
font-size: 14px;
font-weight: 400;
color: #2cedff;
}
.screen-main .screen-tab .tab-menu {
background: url(/public/img/menu.png) no-repeat;
background-size: 100% 100%;
}
.screen-main .screen-tab .tab-menu-active {
background: url(/public/img/menu_active.png) no-repeat;
background-size: 100% 100%;
}
</style>

View File

@ -110,50 +110,6 @@
</el-col>
</el-row>
</el-form>
<!--drag-sort -->
<sc-form-table v-model="userPostForm.list" :addTemplate="addTemplate" placeholder="暂无数据">
<el-table-column prop="val" label="名称" min-width="150">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.name}}</span>
<el-input v-else v-model="scope.row.name" placeholder="名称"></el-input>
</template>
</el-table-column>
<el-table-column prop="time" label="部门" min-width="150">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.dept}}</span>
<el-cascader
v-else
v-model="scope.row.dept"
:options="group"
:props="groupsProps"
:show-all-levels="false"
clearable
style="width: 100%"
@change="handleChange"
></el-cascader>
</template>
</el-table-column>
<el-table-column prop="type" label="岗位" min-width="150">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.post}}</span>
<el-select v-else v-model="scope.row.post" placeholder="请选择所在岗位">
<el-option v-for="item in postOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="val" label="排序" min-width="80">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.sort}}</span>
<el-input v-else v-model="scope.row.sort" placeholder="请输入内容"></el-input>
</template>
</el-table-column>
<el-table-column prop="open" label="操作" width="80" align="center">
<template #default="scope">
<el-button v-if="scope.row.id" text type="danger" size="small" @click="userPostDel(scope.row.id)">删除</el-button>
<el-button v-else text type="primary" size="small" @click="createUserPost(scope.row)">添加</el-button>
</template>
</el-table-column>
</sc-form-table>
</el-main>
<el-footer v-if="mode!=='show'">
<el-button
@ -192,45 +148,6 @@
emits: ["success", "closed"],
data() {
return {
addTemplate: {
name: '',
sort: '',
user: '',
post: "",
dept: "",
},
userPostForm: {
title: "用户/岗位关系",
list: [
{
id:'1001',
name: "关系1",
sort: "1",
user: "石静",
post: "岗位",
dept: "部门",
},
{
name: '',
sort: '',
user: '',
post: "",
dept: "",
}
]
},
typeDic: [
{
label: "全局",
value: "0"
},
{
label: "局部",
value: "1"
}
],
loading: false,
mode: "add",
titleMap: {
@ -326,11 +243,6 @@
this.visible = false;
this.$emit('closed');
},
handleChange(value) {
debugger;
console.log(value);
console.log(this.addForm.parent);
},
//
submit() {
this.$refs.dialogForm.validate((valid) => {
@ -378,49 +290,6 @@
this.selectionFilters = filters;
this.setFiltersVisible = true;
},
/////
//
getUserPostList(){
this.$API.system.userPost.list.req().then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.userPostForm.list=res.results;
}
})
},
//
createUserPost(row){
debugger;
console.log(row);
this.isSaveing = true;
row.dept = row.dept.slice(-1)[0];
row.user = this.form.id;
this.$API.system.userPost.create.req(row).then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.userPostForm.list=res.results;
}
})
},
//
userPostDel(id){
this.$confirm(`确定删除该岗位关系吗?`, '提示', {
type: 'warning',
confirmButtonText: '删除',
confirmButtonClass: 'el-button--danger'
}).then(() => {
this.$API.system.userPost.delete.req(id).then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.$message.success("操作成功");
}
})
})
},
},
};
</script>

View File

@ -100,11 +100,20 @@
width="160"
>
<template #default="scope">
<el-button
type="text"
size="small"
@click="formSetting(scope.row)"
>
设置
</el-button>
<el-divider direction="vertical"></el-divider>
<el-button
type="text"
size="small"
@click="formEdit(scope.row, '2')"
>编辑
>
编辑
</el-button>
<el-divider direction="vertical"></el-divider>
<el-popconfirm
@ -172,15 +181,23 @@
>
</template>
</el-dialog>
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess" @closed="dialog.save=false"></save-dialog>
</template>
<script>
import baseUrl from "@/config";
import {genTree} from "@/utils/verificate";
import saveDialog from './user_form.vue'
export default {
name: "user",
components: {
saveDialog,
},
data() {
return {
dialog: {
save: false,
},
baseUrl : baseUrl.API_URL,
type: "add",
titleMap: {
@ -267,19 +284,12 @@
this.addForm.phone = row.phone;
this.addForm.is_active = row.is_active;
},
findParents(arr,belong_dept){
let that = this;
arr.forEach(item=>{
if(item.id===belong_dept){
that.temp.push(item.id);
if(item.parent!==null){
this.findParents(arr,item.parent)
}else{
return that.temp
}
}
});
return that.temp
formSetting(row){
this.dialog.save = true;
this.$nextTick(() => {
this.$refs.saveDialog.open().setData(row)
})
},
//
table_show(row) {
@ -341,7 +351,12 @@
return false;
}
})
}
},
//
handleSaveSuccess(){
this.$refs.table.refresh()
},
},
};
</script>

244
src/views/sys/user_form.vue Normal file
View File

@ -0,0 +1,244 @@
<template>
<el-drawer
title="用户岗位关系"
v-model="visible"
:size="1000"
destroy-on-close
@closed="closeDrawer"
>
<el-container v-loading="loading">
<!--<sc-title title="详细信息"></sc-title>-->
<el-main style="padding: 0 20px 20px 20px">
<el-form
ref="dialogForm"
:model="form"
:rules="rules"
label-width="120px"
>
<el-row>
<el-col :md="12" :sm="24">
<el-form-item label="姓名:" prop="name">
<span>{{form.name}}</span>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="登录账号:" prop="name">
<span>{{form.username}}</span>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="手机号:" prop="phone">
<span>{{form.phone}}</span>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24">
<el-form-item label="是否在职:">
<span>{{job_states[form.is_active]}}</span>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!--drag-sort -->
<sc-form-table v-model="userPostForm.list" :addTemplate="addTemplate" placeholder="暂无数据">
<el-table-column prop="val" label="名称" min-width="150">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.name}}</span>
<el-input v-else v-model="scope.row.name" placeholder="名称"></el-input>
</template>
</el-table-column>
<el-table-column prop="time" label="部门" min-width="150">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.dept_.name}}</span>
<el-cascader
v-else
v-model="scope.row.dept"
:options="group"
:props="groupsProps"
:show-all-levels="false"
clearable
style="width: 100%"
@change="groupsProps"
></el-cascader>
</template>
</el-table-column>
<el-table-column prop="type" label="岗位" min-width="150">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.post_.name}}</span>
<el-select v-else v-model="scope.row.post" placeholder="请选择所在岗位">
<el-option v-for="item in postOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="val" label="排序" min-width="80">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.sort}}</span>
<el-input v-else v-model="scope.row.sort" placeholder="请输入内容"></el-input>
</template>
</el-table-column>
<el-table-column prop="open" label="操作" width="80" align="center">
<template #default="scope">
<el-button v-if="scope.row.id" text type="danger" size="small" @click="userPostDel(scope.row.id)">删除</el-button>
<el-button v-else text type="primary" size="small" @click="createUserPost(scope.row)">添加</el-button>
</template>
</el-table-column>
</sc-form-table>
</el-main>
</el-container>
</el-drawer>
</template>
<script>
import {genTree} from "@/utils/verificate";
export default {
emits: ["success", "closed"],
data() {
return {
addTemplate: {
name: '',
sort: '',
user: '',
post: "",
dept: "",
},
userPostForm: {
title: "用户/岗位关系",
list: [
{
id:'1001',
name: "关系1",
sort: "1",
user: "石静",
post: "岗位",
dept: "部门",
},
{
name: '',
sort: '',
user: '',
post: "",
dept: "",
}
]
},
loading: false,
job_states: { true: "在职",false: "离职"},
visible: false,
isSaveing: false,
form: {},
addForm: {
name: "",
sort: "",
user: "",
post: "",
dept: [],
},
groupsProps: {
// value: "id",
multiple: false,
emitPath: false,
checkStrictly: true,
},
group: [],
postOptions: [],
selectionFilters: [],
filtersAddTemplate: {
text: "",
value: "",
},
setFiltersVisible: false,
};
},
mounted() {
this.getPosts();
this.getGroup();
this.getUserPostList();
},
methods: {
getPosts(){
this.$API.system.post.list.req({page:0}).then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.postOptions = res;
}
})
},
//
async getGroup() {
let res = await this.$API.system.dept.list.req({page: 0});
this.group =genTree(res);
},
//
open(mode) {
this.mode = mode;
this.visible = true;
return this;
},
//
setData(data) {
debugger;
Object.assign(this.form, data);
},
closeDrawer() {
this.visible = false;
this.$emit('closed');
},
handleChange(value) {
debugger;
console.log(value);
console.log(this.addForm.parent);
},
//
setFilters(filters) {
this.selectionFilters = filters;
this.setFiltersVisible = true;
},
/////
//
getUserPostList(){
this.$API.system.userPost.list.req().then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.userPostForm.list=res.results;
}
})
},
//
createUserPost(row){
debugger;
console.log(row);
this.isSaveing = true;
row.user = this.form.id;
this.$API.system.userPost.create.req(row).then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.userPostForm.list=res.results;
}
})
},
//
userPostDel(id){
this.$confirm(`确定删除该岗位关系吗?`, '提示', {
type: 'warning',
confirmButtonText: '删除',
confirmButtonClass: 'el-button--danger'
}).then(() => {
this.$API.system.userPost.delete.req(id).then(res=>{
if(res.err_msg){
this.$message.error(res.err_msg)
}else{
this.$message.success("操作成功");
}
})
})
},
},
};
</script>
<style>
</style>

View File

@ -17,6 +17,7 @@ module.exports = defineConfig({
'/api': {
target: process.env.VUE_APP_API_BASEURL,
ws: true,
changeOrigin:true,
pathRewrite: {
'^/api': '/'
}